Показать полный URI / URL на вкладке «Сеть» в инструментах разработчика Chrome

47

Когда я использую Chrome для отладки, мне невероятно сложно работать эффективно из-за того, что я не понимаю, как заставить вкладку «Сеть» инструментов разработчика показывать полный URI запроса.

Он покажет полный URI, если вы наведите ссылку и подождите секунду, но это невероятно контрпродуктивно.

Все мои запросы AJAX отправляются в ajax.php и обрабатываются с использованием аргументов строки запроса, например:

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

... так далее.

Поскольку я широко использую AJAX, моя сетевая вкладка заполнена файлом «ajax.php», но мне нужно вручную навести курсор на каждую запись, чтобы найти запрос, который я ищу.

Конечно, должен быть другой путь !?

Я постоянно сыт по горло чем-то новым в Firefox и немедленно возвращаюсь в Chrome, но это всегда инструменты разработчика в Chrome, которые мешают мне использовать его в течение длительного периода времени.

Надеюсь, я смогу узнать, как это сделать, чтобы продолжить использовать Chrome в качестве моего нумератора.

Я предоставил снимок экрана, чтобы показать вам, где я имею в виду:

Скриншот

google-chrome developer-tools лев
источник
Возможно, лучше на Stackoverflow?
stolsvik
Сначала я думал об этом, потому что это похоже на веб-разработку, но проблема, с которой я сталкиваюсь, на самом деле не в разработке, а в использовании самого Chrome.
Лев
Инструменты торговли также имеют право на SO.
stolsvik
2
Подайте ошибку на new.crbug.com . Или вы можете подать его вверх по течению на wkbug.com/new . Объясните свой вариант использования так, как вы это сделали здесь, и я уверен, что со временем это будет исправлено.
Матиас Биненс
1
Технический писатель DevTools здесь. К вашему сведению, я рекомендую размещать подобные вопросы в Stack Overflow, используя [google-chrome-developer-tools]тег. Мы контролируем этот канал, но не этот.
Kayce Basques

Ответы:

41

Некоторые столбцы содержат первичное поле и вторичное поле (например, время и задержка). При просмотре таблицы Network с большими строками ресурсов отображаются оба поля; при использовании небольших строк ресурсов отображается только основное поле.

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

Скриншот Chrome Dev Tools С более новыми версиями Chrome он теперь спрятан здесь: Скриншот Chrome Dev Tools новый шаг 1 Скриншот Chrome Dev Tools новый шаг 2

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

rofrol
источник
1
Суть ответа по-прежнему верна, но для более поздних посетителей графический интерфейс изменился. (По крайней мере, в Chrome 78 я не могу сказать, когда он появился), опция теперь находится в настройках сети (вкладка gear в правом верхнем углу вкладки сети), первый флажок под названием «[] Использовать строку большого запроса»
Дарын
4

Это не возможно в настоящее время. Однако в настоящее время ведется активная работа над инструментами Chrome Dev (например, https://developers.google.com/chrome-developer-tools/ ), и вы можете предложить вариант использования этой функции.

eb80
источник
2

В Chrome и Firefox вы можете щелкнуть правой кнопкой мыши и сохранить информацию о сети в виде HAR (HTTP-архив). Этот файл HAR может быть обработан вручную, с помощью скрипта или с помощью одного из нескольких средств просмотра HAR, и содержит полный URL-адрес.

У Google есть отличный онлайн-читатель HAR, который будет показывать полный URL-адрес каждого запроса: https://toolbox.googleapps.com/apps/har_analyzer/

Итак, чтобы увидеть полный URL:

  • Сохраните / экспортируйте файл HAR через Inspect> Network> Щелкните правой кнопкой мыши> Save As HAR.
  • Загрузите HAR в анализатор HAR .
  • Сортируйте / фильтруйте по необходимости или выделяйте ячейки / строки таблицы и копируйте / вставляйте.
Майкл Томпсон
источник
1

Я рад сообщить, что эта функция теперь доступна в Firefox.

Я знаю, что это не Chrome, но для меня это событие лучше.

Firefox Nightly 69 может это сделать. Просто щелкните правой кнопкой мыши по столбцам и выберите URL.

FF 69

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

Максим
источник
Это потенциально полезная информация, но не размещена в лучшем месте. Вопрос специфичен для Chrome, поэтому размещение здесь может быть более уместным в качестве комментария. Вопрос тоже древний. Читатели, которым ваш ответ может быть полезен, вряд ли наткнуться на него здесь. Было бы более полезно найти более релевантный вопрос, чтобы опубликовать его, или создать свой собственный вопрос с самостоятельным ответом.
fixer1234
Вы правы абсолютно. Но несколько лет назад у меня возникла та же проблема, и это было «больно» для разработчиков (также Chrome и Firefox). Так что на данный момент я нашел самую популярную ссылку для поиска новостей. Если можно - просто перенесите это на правильный вопрос))
Максим
0

Это не то, что можно сделать в Chrome, извините. Кроме того, не было ни слова о каких-либо изменениях, которые будут внесены в панель разработчиков, поэтому я не ожидаю, что это будет добавлено в ближайшее время.

soandos
источник