2017-12-02 51 views
1

사용자가 URL을 입력하고 요소를 시각적으로 선택하여 외부 웹 페이지를로드 할 수 있어야하는 일종의 대화 형 구문 분석 도구를 개발하고 있습니다.iframe의 시각적 요소 선택기 (선택기)

로드 된 페이지는 모두 원래 UI 여야합니다.

피킹 경험은 브라우저의 웹 속성 관리자와 같아야합니다. 다음, 일부 따기 플러그인을 사용하여, 사용자가 모든 요소를 ​​선택 할 수 있도록

1. IFRAME과 피커

로드 <iframe>에 웹 페이지 : 내가 생각


, 그들은 두 가지 방법 .

라이브러리가 있습니까? 의 요소를 시각적으로 선택할 수 있습니까? 전체 페이지가 원래 상태의에서 사용할 수 있기 때문에 UI

내가 생각 따기 제공 할 것입니다

2. 브라우저 플러그인, 그것은, 사용자 경험에서 낫다.

그러나 많은 버전의 브라우저를 지원하는 플러그인은 빠르게 어려워 질 수 있습니다.


또한, 일부 웹 사이트는 자바 스크립트 (... 반작용)을 구축하고, 나는 헤드리스 (headless) 모드에서 DOM을 부트 스트랩 것 통역을해야한다.


당신은 어떤 방법으로 조언 할 수 있습니까?

사용할 플러그인, 라이브러리, 패키지 스택은 무엇입니까?

답변

0

크로스 도메인 보안 제한으로 인해 옵션 1이 작동하지 않습니다. 이 문제를 극복하려면 서버를 통해 원격 사이트를 프록시해야합니다.