아이 웹 엘리먼트 V3.0 Chrome OffiDocs와 함께

기술

개요: 웹페이지 자동화를 위해 JSON 파일을 입력하는 데 지치셨나요? 요소를 검사하기 위해 브라우저에 요소 로케이터 확장 프로그램을 설치하셨나요? 멋지네요. 의심할 여지가 없습니다. 하지만 웹페이지에서 검사한 모든 요소에 대해 JSON 파일을 생성할 수 있는 확장 프로그램은 어떻습니까? 글쎄, 이 확장 프로그램은 이러한 번거로움을 해결해 줍니다.

사용 가이드: • 브라우저에 Element Inspector 확장 프로그램을 추가하세요.

• 확장 프로그램을 켭니다(눈 아이콘이 표시됨).

• 요소 위에 마우스를 올려 놓습니다.

• 누르기: 1. XPath의 경우 'X'.

2. 클래스 이름은 'C'입니다.

3. CSS 선택기의 경우 'S'입니다.

4. 이름은 'N'입니다.

5. ID는 '나'입니다.

6. 전체 XPath는 'F'입니다.

• 해당 키에 대해 JSON 개체를 저장하려면 프롬프트에 키를 입력하고 확인을 클릭합니다.

짜잔! JSON을 동일한 방식으로 유지하고 재미있게 즐겨보세요! Element Inspector 설정 가이드: Chrome(로컬로 배포된 웹사이트의 경우): • Google chrome의 복사본을 만듭니다.

• 대상 주소 뒤에 --disable-web-security --user-data-dir=~/chromeTemp를 추가합니다. 예: "C:\Users\JohnDoe\AppData\Local\Google\Chrome\Application\chrome.

exe" --disable-web-security --user-data-dir=~/chromeTemp • Google 크롬을 열고 이 확장 프로그램을 추가하세요.

• chrome://flags/#block-insecure-private-network-requests로 라우팅합니다. • 안전하지 않은 개인 네트워크 요청 차단을 비활성화합니다.

서버: • Node.js를 다운로드하고 설치합니다.

js • 저장소를 다운로드하고 특정 위치에 압축을 푼다.

e.

데스크톱

• 인덱스를 엽니다.

Visual Studio 코드의 js 파일입니다.

• Visual Studio 코드의 터미널을 엽니다.

• npm i 명령을 실행합니다. • node 로 명령을 실행합니다.

\색인.

Node.js 확장 프로그램을 켜고 웹페이지의 일부 요소에 마우스를 올려 놓은 다음 키(i.js)를 누릅니다.

e.

x, s, n 등

).

JSON 파일은 샘플로 생성되어야 합니다.

nodetest 폴더에 json이 있습니다.

노드 서버 저장소 링크: https://github.

com/JawadRehmanCS/NodeServer

추가 정보 :

- jawad.rehmancs 제공
- 평균 평점: 별 5개(좋아요)
-개발자 이 이메일 주소는 스팸봇으로부터 보호됩니다. 당신은 자바 스크립트를 활성화해야합니다.

아이웹엘리먼트 V3.0 웹 extension OffiDocs와 통합 Chromium 온라인