[google-chrome] Chrome 개발자 도구 : 새 탭을 여는 링크에 대해 네트워크를 추적하는 방법은 무엇입니까?

링크를 클릭 할 때 발생하는 네트워크 활동을 추적하고 싶습니다. 문제는 링크가 새 탭을 열고 Dev Tools가 열린 탭마다 작동한다는 것입니다. “탐색시 로그 유지”는 도움이되지 않습니다.

내 현재 솔루션은이 문제가없는 FireFox 및 HttpFox로 이동하는 것입니다. Chrome의 모든 개발자가 어떻게 관리하는지 궁금합니다. 이것은 매우 기본적으로 들립니다 (물론 대답을 검색했지만 도움이되는 것을 찾지 못했습니다).



답변

브라우저에서 발생하는 모든 네트워크 이벤트에 대한 자세한 개요를 확인 chrome://net-internals/#events하거나 chrome://net-export최신 버전의 Chrome에서 확인하십시오.


특정 문제에 따라 다른 가능한 해결책은 ‘네트워크’탭에서 ‘로그 유지’를 활성화하는 것입니다.

DevTools> 네트워크> 로그 보존

콘솔에서 다음 코드를 실행하여 동일한 탭에서 모든 링크를 강제로 엽니 다.

[].forEach.call(document.querySelectorAll('a'),
    function(link){
        if(link.attributes.target) {
            link.attributes.target.value = '_self';
        }
    });

window.open = function(url) {
    location.href = url;
};


답변

기능 요청 phsource에 의해 코멘트에서 언급이 구현되었습니다.

최신 버전 (Chrome 50부터 시작)에서는 개발자 도구 설정 메뉴 (개발자 도구를 연 다음 3 점 메뉴를 사용하거나 F1)로 이동하여 “팝업을 위해 DevTools 자동 열기”상자를 선택하십시오.


답변

Chrome 61.0.3163.100에서는 이제 다음 옵션을 사용할 수 있습니다. Chrome 개발자 도구 설정으로 이동하면 액세스 할 수 있습니다. 바닥에 있습니다.

웹 검사기 설정


답변

  • 링크 추가 / 업데이트 target="_self"
  • 네트워크 탭에서 “탐색시 로그 유지”를 확인하십시오.
  • 링크를 클릭하면 요청이 기록됩니다.

답변

이 방법으로 할 수 있습니다 :

  1. 원하는 링크에서 target = “any_window_name”을 설정하십시오.
  2. 해당 링크를 한 번 클릭하면 새 탭에서 열립니다.
  3. 열린 탭에서 개발자 도구를 엽니 다.
  4. 원래 페이지로 돌아가서 해당 링크를 다시 누르십시오.

    개발자 도구가 열린 상태로 이미 준비된 창에 결과가로드됩니다.

    개발자 도구에서 “로그 유지”옵션 (Konrad Dzwinel 우수 답변 참조)을 활성화하여 해당 링크의 리디렉션 트래픽을 포착 할 수 있습니다.

    참고 : 대부분의 사람들은 링크 대상 ∈ {_self, _blank, _parent, _top}에 익숙합니다. 그러나 실제로 모든 이름을 지정할 수 있습니다. 그러면 해당 이름으로 새 창이 열리고, 링크, 양식 또는 window.open에 대한 동일한 대상 값으로 클릭하면 동일한 창에서 열립니다. 추가 읽기 -mdn : window.open , mdn : <a> 태그


답변

열린 링크가 리디렉션되지 않으면 새 탭에서 네트워크 탭을 연 다음 탭을 새로 고칠 수 있습니다.


답변

F12새 탭이 열릴 때 빠르게 치기

https://stackoverflow.com/a/13747562/660408

Google 드라이브 다운로드 응답을 모니터링 할 때 저에게 적합합니다.