Chrome 개발자 도구 네트워크 탭에 전체 URI / URL 표시

Chrome을 사용하여 디버깅 할 때 개발자 도구의 '네트워크'탭에서 전체 요청 URI를 표시하도록 강제하는 방법을 볼 수 없기 때문에 효율성이 매우 어려워졌습니다.

그것은 전체 URI를 표시합니다 경우 링크를 마우스를 올려 놓고 잠깐, 그러나 이것은 매우 비생산적이다.

모든 AJAX 요청은 ajax.php로 전송되며 다음과 같은 쿼리 문자열 인수를 사용하여 처리됩니다.

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

... 등

AJAX를 광범위하게 사용하기 때문에 네트워크 탭에 "ajax.php"가 채워져 있지만 원하는 항목을 찾으려면 각 항목을 수동으로 가리켜 야합니다.

분명히 다른 방법이 있어야합니다!?

나는 Firefox의 새로운 기능에 지속적으로 빠져 들어 즉시 Chrome으로 돌아갑니다. 그러나 Chrome의 개발자 도구는 항상 그것을 오랫동안 사용하지 못하게합니다.

바라건대이 작업을 수행하는 방법을 찾을 수 있으므로 Chrome을 numero uno로 계속 사용할 수 있습니다.

나는 내가 의미하는 곳을 보여주기 위해 스크린 샷을 제공했습니다.

일부 열에는 기본 필드와 보조 필드가 포함됩니다 (예 : 시간 및 대기 시간). 큰 자원 행이있는 네트워크 테이블을 볼 때 두 필드가 모두 표시됩니다. 작은 자원 행을 사용하는 경우 기본 필드 만 표시됩니다.

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

최신 버전의 Chrome에서는 이제 여기에 숨겨져 있습니다.

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

현재 불가능합니다. 그러나 Chrome 개발자 도구 (예 : https://developers.google.com/chrome-developer-tools/ ) 에서 활발한 작업이 진행 중이며이 기능의 옵션을 제안 할 수 있습니다.

Chrome과 Firefox 모두에서 마우스 오른쪽 버튼을 클릭하고 네트워크 정보를 HAR (HTTP 아카이브)로 저장할 수 있습니다. 이 HAR 파일은 스크립트 또는 여러 HAR 뷰어 중 하나를 사용하여 수동으로 처리 할 수 ​​있으며 전체 URL을 포함합니다.

Google은 각 요청의 전체 URL을 표시하는 훌륭한 온라인 HAR 리더를 보유하고 있습니다 : https://toolbox.googleapps.com/apps/har_analyzer/

전체 URL을 보려면

• 검사> 네트워크> 마우스 오른쪽 버튼 클릭> HAR로 저장을 통해 HAR 파일 저장 / 내보내기.
• HAR 분석기에 HAR를로드하십시오 .
• 필요에 따라 정렬 / 필터링하거나 표 셀 / 행을 강조 표시하고 복사 / 붙여 넣기하십시오.

Firefox에서이 기능을 사용할 수 있음을 알려드립니다.

나는 그것이 크롬이 아니라는 것을 알고 있지만 나에게는 이벤트가 더 좋습니다.

Firefox Nightly 69가 그렇게 할 수 있습니다. 열을 마우스 오른쪽 버튼으로 클릭하고 URL을 선택하십시오.

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

Chrome에서 수행 할 수있는 작업이 아닙니다. 죄송합니다. 또한 개발자 패널에서 변경 될 사항에 대해서는 언급하지 않았으므로 곧 추가 될 것으로는 예상되지 않습니다.