Mostrar URI / URL completo en la pestaña Red de herramientas para desarrolladores de Chrome

47

Cuando uso Chrome para depurar, me resulta increíblemente difícil ser eficiente debido al hecho de que no veo cómo puedo forzar la pestaña "Red" de las herramientas del desarrollador para mostrar el URI de solicitud completa.

Mostrará el URI completo si coloca el enlace y espera un segundo, pero esto es increíblemente contraproducente.

Todas mis solicitudes de AJAX se envían a ajax.php y se manejan utilizando argumentos de cadena de consulta, como:

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

... etc.

Como uso AJAX ampliamente, mi pestaña de red está llena con "ajax.php", pero tengo que desplazar manualmente cada entrada para encontrar la solicitud que estoy buscando.

¿Seguramente tiene que haber otra manera?

Siempre estoy harto de algo nuevo en Firefox e inmediatamente me obligo a volver a Chrome, pero siempre son las herramientas de desarrollador en Chrome las que me impiden usarlo durante un período prolongado de tiempo.

Espero poder descubrir cómo hacer esto para poder seguir usando Chrome como mi número uno.

He proporcionado una captura de pantalla para mostrarle a qué me refiero:

Captura de pantalla

google-chrome developer-tools Lev
fuente
Posiblemente mejor en Stackoverflow?
stolsvik
Al principio pensé en eso, ya que parece estar relacionado con el desarrollo web, pero el problema que tengo en realidad no es con el desarrollo, sino con el uso de Chrome.
Lev
Tools of the trade también es elegible en SO.
stolsvik
2
Presente un error en new.crbug.com . O puede archivarlo en sentido ascendente en wkbug.com/new . Explique su caso de uso como lo hizo aquí, y estoy seguro de que eventualmente se solucionará.
Mathias Bynens
1
Escritor técnico de DevTools aquí. FYI Recomiendo publicar preguntas como esta en Stack Overflow, usando la [google-chrome-developer-tools]etiqueta. Monitoreamos ese canal, pero no este.
Kayce Basques

Respuestas:

40

Algunas columnas contienen un campo primario y un campo secundario (Tiempo y Latencia, por ejemplo). Al ver la tabla de red con grandes filas de recursos, se muestran ambos campos; Cuando se utilizan pequeñas filas de recursos, solo se muestra el campo primario.

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

Captura de pantalla de las herramientas de desarrollo de Chrome Con las versiones más nuevas de Chrome ahora está oculto aquí: Captura de pantalla de las herramientas de desarrollo de Chrome nuevo paso 1 Captura de pantalla de las herramientas de desarrollo de Chrome nuevo paso 2

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

rofrol
fuente
1
La esencia de la respuesta sigue siendo cierta, pero para los visitantes posteriores, la GUI ha cambiado. (Al menos en Chrome 78, no puedo decir cuándo se presentó), la opción ahora se encuentra en la configuración de red (pestaña de engranaje en la parte superior derecha de la pestaña de red), la primera casilla de verificación, titulada "[] Usar fila de solicitud grande"
Daryn
2

Tanto en Chrome como en Firefox, puede hacer clic con el botón derecho y guardar la información de la red como un HAR (Archivo HTTP). Ese archivo HAR se puede procesar manualmente, con una secuencia de comandos o con uno de varios visores HAR y contiene la URL completa.

Google tiene un excelente lector HAR en línea que mostrará la URL completa de cada solicitud: https://toolbox.googleapps.com/apps/har_analyzer/

Para ver la URL completa:

  • Guarde / exporte el archivo HAR a través de Inspeccionar> Red> Clic derecho> Guardar como HAR.
  • Cargue HAR en el analizador HAR .
  • Ordene / filtre según sea necesario o resalte las celdas / filas de la tabla y copie / pegue.
Michael Thompson
fuente
1

Me alegra informar que esta función ahora está disponible en Firefox.

Sé que no es Chrome, pero para mí es un evento mejor.

Firefox Nightly 69 puede hacer eso. Simplemente haga clic derecho en las columnas y elija URL.

FF 69

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

Máxima
fuente
Esta es información potencialmente útil, pero no publicada en el mejor lugar. La pregunta es específica de Chrome, por lo que publicar aquí podría ser más apropiado como comentario. La pregunta también es antigua. Los lectores para quienes su respuesta podría ser útil no es probable que la encuentren aquí. Sería más útil encontrar una pregunta más relevante para publicarla, o crear su propia pregunta con respuesta propia.
Fixer1234
Tienes toda la razón. Pero hace algunos años tuve el mismo problema y fue "doloroso" para los desarrolladores (Chrome y Firefox también). Así que por ahora he encontrado el enlace más buscado en Google para informar las noticias. Si puede, simplemente muévalo a la pregunta correcta))
Maxim
0

Esto no es algo que se pueda hacer en Chrome, lo siento. Además, no se ha dicho nada sobre los cambios que se realizarán en el panel de desarrolladores, por lo que no esperaría que esto se agregue pronto.

soandos
fuente