소스/네트워크 탭에 여러 개의 URL 복사

Question

Chrome Dev Tools의 소스 또는 네트워크 탭에서 여러 리소스의 URL을 추출 할 수 있습니까? 나는 단일 자원의 URL을 얻을하려는 경우
, 나는 상황에 맞는 메뉴 기능 링크 주소 복사

나는 소스 탭을 담당하는 네트워크에서이 리소스로 전환 할 수 있습니다 함께 할 수 있습니다 그 반대로, 리소스를 한꺼번에 가져올 필요가 있다면 어떻게해야합니까? 결과 집합이 200-300 개의 자원으로 구성된 경우 수동으로 복사하는 것은 매우 번거 롭습니다.

지금까지 시도했습니다 무엇 :

1. 가 소스 탭에서 전체 폴더를 복사하려면,하지만 this answer에서 내가 지금은 불가능하다 발견했다. Console reference에 지정된

2. 우리는 이미지의 URL을 가져 오기 위해 필요한 경우

   $('img') 
   

   의 형태로, $(selector)을 사용합니다.

   이러한 접근법의 복잡성은 수 백개의 이미지가있는 페이지에서 대상 이미지를 구별하기 어렵고 동일한 이미지 (보기, 미리보기, 작은 아이콘 등)의 여러 버전을 구별하기가 어렵다는 것입니다. 은과 일치해야합니다. 필요한 리소스가있는 태그 안의 요소가 그렇게 쉽지는 않습니다. 또한 모든 파일 유형에 전용 태그가있는 것은 아닙니다 (img의 경우).

아마도 수정 자와 함께 src 태그를 사용해야합니까? 다른 제안? 분리 된 창

Answer 1

1. 스위치 DevTools로는 (개발자 도구 설정 아이콘을 클릭 아이콘을 해제 "도크 측"를 클릭). 다음 번에 을 누르기 만하면됩니다. - Shift - -12.
2. 호출의 DevTools로-FOR-DevTools로 Ctrl 키 눌러 - 시프트 - 내가
3. 실행 모두의 URL을 복사하려면이 코드를/필터링 요청은 클립 보드 : copy(UI.panels.network._networkLogView._dataGrid._rootNode._flatNodes.map(n => n._request._url).join('\n'))

당신은 절약 할 수 있습니다 소스 패널의 코드 조각으로 코드를 선택하고 오른쪽 클릭 메뉴 나 Ctrl-Enter를 사용하여 코드를 실행하십시오.

var URLs = UI.panels.network._networkLogView._dataGrid._rootNode._flatNodes.map(n => n._request._url); 
copy(URLs.join('\n')); 
URLs; // displays it in the console as an expandable array