Mostrar URI / URL completo na guia Rede das ferramentas de desenvolvedor do Chrome


47

Ao usar o Chrome para depuração, acho incrivelmente difícil ser eficiente, porque não vejo como forçar a guia "Rede" das ferramentas de desenvolvedor a mostrar o URI completo da solicitação.

Ele mostrará o URI completo se você passar o mouse pelo link e esperar um segundo, mas isso é incrivelmente contraproducente.

Todas as minhas solicitações AJAX são enviadas para ajax.php e tratadas usando argumentos de sequência de consulta, como:

ajax.php?do=profile-set
ajax.php?do=game-save

... etc.

Como uso o AJAX extensivamente, minha guia de rede é preenchida com "ajax.php", mas preciso passar o mouse manualmente em todas as entradas para encontrar a solicitação que estou procurando.

Certamente tem que haver outra maneira !?

Estou constantemente farto de algo novo no Firefox e imediatamente me forço a voltar ao Chrome, mas são sempre as ferramentas de desenvolvedor no Chrome que me impedem de usá-lo por um longo período de tempo.

Espero que eu descubra como fazer isso para continuar usando o Chrome como meu número uno.

Forneci uma captura de tela para mostrar onde eu quero dizer:

Captura de tela


Possivelmente melhor no Stackoverflow?
stolsvik 23/02

Pensei nisso no começo, já que parece meio relacionado à web-dev, mas o problema que estou tendo realmente não está no desenvolvimento, mas no uso do próprio Chrome.
Lev

Ferramentas do comércio também são elegíveis para SO.
stolsvik 23/02

2
Arquive um bug em new.crbug.com . Ou você pode enviá- lo a montante em wkbug.com/new . Explique seu caso de uso da maneira que você fez aqui e tenho certeza de que será corrigido eventualmente.
Mathias Bynens

1
Escritor técnico DevTools aqui. Para sua informação, recomendo postar perguntas como essa no Stack Overflow, usando a [google-chrome-developer-tools]tag. Monitoramos esse canal, mas não este.
precisa saber é o seguinte

Respostas:


40

Algumas colunas contêm um campo primário e um secundário (Tempo e Latência, por exemplo). Ao visualizar a tabela Rede com grandes linhas de recursos, os dois campos são mostrados; ao usar pequenas linhas de recursos, apenas o campo principal é mostrado.

https://developer.chrome.com/devtools/docs/network#network-panel-overview

Captura de tela das ferramentas de desenvolvimento do Chrome Com as versões mais recentes do Chrome, agora está oculto aqui: Ferramentas de desenvolvimento do Chrome captura de tela nova etapa 1 Ferramentas de desenvolvimento do Chrome captura de tela nova etapa 2

https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes


1
A essência da resposta ainda é verdadeira, mas para visitantes posteriores, a GUI mudou. (No Chrome 78, pelo menos, não posso dizer quando introduzido), a opção agora é encontrada nas configurações de rede (guia de engrenagem no canto superior direito da guia de rede), na primeira caixa de seleção, intitulada "[] Usar linha de solicitação grande"
Daryn


2

No Chrome e no Firefox, você pode clicar com o botão direito do mouse e salvar as informações da rede como um HAR (arquivo HTTP). Esse arquivo HAR pode ser processado manualmente, com um script ou com um dos vários visualizadores HAR e contém o URL completo.

O Google possui um ótimo leitor HAR on-line que mostra o URL completo de cada solicitação: https://toolbox.googleapps.com/apps/har_analyzer/

Então, para ver o URL completo:

  • Salve / exporte o arquivo HAR através de Inspecionar> Rede> Clique com o botão direito do mouse> Salvar como HAR.
  • Carregue o HAR no HAR Analyzer .
  • Classifique / filtre conforme necessário ou realce as células / linhas da tabela e copie / cole.

1

É um prazer informar que esse recurso já está disponível no Firefox.

Eu sei que não é o Chrome, mas para mim é um evento melhor.

O Firefox Nightly 69 pode fazer isso. Basta clicar com o botão direito do mouse nas colunas e escolher URL.

FF 69

https://bugzilla.mozilla.org/show_bug.cgi?id=1341155


Esta é uma informação potencialmente útil, mas não publicada no melhor local. A pergunta é específica para o Chrome, portanto, postando aqui, pode ser mais apropriado como um comentário. A questão também é antiga. Os leitores para os quais sua resposta poderia ser útil provavelmente não a encontrarão aqui. Seria mais útil encontrar uma pergunta mais relevante para publicá-la ou criar sua própria pergunta auto-respondida.
fixer1234

Você está certo absolutamente. Mas, há alguns anos, tive o mesmo problema e foi uma "dor" para os desenvolvedores (Chrome e Firefox também). Por enquanto, encontrei o link mais pesquisado no Google para reportar as notícias. Se você puder - basta movê-lo para a pergunta correta))
Maxim

0

Isso não é algo que pode ser feito no Chrome, desculpe. Além disso, não houve nenhuma palavra sobre as alterações que serão feitas no painel do desenvolvedor, portanto, não espero que isso seja adicionado em breve.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.