2015-01-18 5 views
-3

저는 JS에 익숙하지 않아이 작업을 수행하는 가장 효율적인 방법을 찾으려고합니다.JavaScript로 데이터 구조에 웹 페이지 데이터를 효율적으로 추출

스택 교환 http://stackexchange.com/sites

자바 스크립트의 배열이나 사전과 같은 데이터 구조에이 데이터를 추출하는 가장 효율적인 방법은 무엇입니까에서 멤버-사이트의 목록을 유지?

+1

'http : // stackexchange.com/sites'과 같은 뜻입니까? – Halcyon

+2

어디서 구현하고 싶습니까? 크롬 확장? 웹 앱에서? 어디에? – mehulmpt

+0

'window.StackExchange'를 확인 하시겠습니까? – Bergi

답변

1

모든 stackexchange 사이트가 동일한 프레임 워크로 구축 된 것처럼 보입니다. 콘솔을 체크인하면 어떤 스택 교환 사이트에서도 자바 스크립트 객체 StackExchange이 정의되어있는 것을 볼 수 있습니다.

당신은 귀하의 질문에, 당신은 당신의 브라우저에서이 이동하여 콘솔이를 입력 할 수 있습니다에 링크를 긁어 할 경우 해당 페이지가 이미 jQuery를 당신을 통해 검색하는 데 사용할 수있는로드

$('.gv-item-collapsed-wrapper h2').text() 페이지의 요소. 해당 코드 스 니펫은 모든 사이트 제목을 문자열로 표시합니다. 아직

더 나은 (그러나 좀 더 복잡한)

var arr = []; 
$('.gv-item-collapsed-wrapper h2').each(function(){arr.push($(this).text())}); 
0

난 그냥 사이트의 작은 부분을 테스트하고이 작동하는 것 같다 : 당신의 소스를 보면

window["StackExchange"] !== undefined 

모든 페이지에는 항상 다음과 같은 내용이 있습니다.

StackExchange.ready(function() { 

그래서 기본적으로 해당 클래스 StackExchange이 존재한다면, 인터넷 익스플로러 사이트에서 누군가가 빌리거나 코드를 훔치거나 동일한 이름을 사용하고있을 가능성이 높습니다.