크롬 콘솔을 사용하여 데이터 선택

Question

나는이 페이지 (https://angel.co/finder#AL_claimed=true&AL_LocationTag=1849&render_tags=1)의 모든 회사를 일반 텍스트로 추출하려고합니다. 누군가가 Chrome 개발자 도구를 사용하여이 작업을 수행하고 올바른 방향으로 나를 가리킬 수 있는지 궁금해했습니다.

TLDR; Chrome 콘솔을 사용하여 URL에서 일부 데이터를 선택하고 제거하려면 어떻게해야합니까?

Answer 1

참고 :이 페이지에서 jQuery을 사용할 수 있으므로 계속 사용하겠습니다.

우선, 우리가 원하는 요소를 선택해야합니다. 회사의 이름. 이들은 name 필드의 items 클래스 안에있는 ID startups_content의 목록에 보관됩니다. 따라서 이들의 선택자는 다음과 같이 나타낼 수 있습니다.

$('#startups_content .items .name a') 

결과적으로 HTMLElements가 여러 개 생성됩니다. 일반 텍스트가 필요하기 때문에 다음 HTMLElements에서 HTML 텍스트를 추출해야합니다.

.map(function(idx, item){ return $(item).text(); }).toArray() 

그러면 회사 이름 배열이됩니다. 그러나, 그것의 하나의 일반 텍스트 목록을 만들 수 있습니다 : 우리가 얻을

.join('\n') 

연결 모든 단계 위의 다음 DevTools로 콘솔에서 실행해야

$('#startups_content .items .name a').map(function(idx, item){ return $(item).text(); }).toArray().join('\n'); 

.

다른 데이터가 필요한 경우 회사 URL을 변경하려면 위에서 설명한 것과 동일한 단계를 적절히 수행하면됩니다.