헤드리스 웹 키트 및 팬텀즈
- Joseph Gordon-Levitt원래의
- 2025-02-24 10:24:13203검색
-
Phantomjs는 강력하지만 Node.js와 매우 통합되지는 않습니다. -
이 기사를 읽고 있다면 브라우저가 무엇인지 알 수 있습니다. 이제 GUI를 제거하면 소위 헤드리스 브라우저 를 얻습니다. 헤드리스 브라우저는 일반 브라우저와 동일한 작업을 수행 할 수 있지만 더 빠릅니다. 프로그래밍 방식으로 웹 페이지를 자동화하고 테스트하는 데 적합합니다. 현재 헤드리스 브라우저가 많이 있으며 Phantomjs가 가장 좋습니다. Chrome과 Safari의 엔진 인 Webkit을 기반으로하는 Phantomjs는 부피가 큰 GUI가 필요없이 강력한 브라우저 기능을 제공합니다. Phantomjs를 시작하는 것은 쉽습니다. 실행 파일을 다운로드하기 만하면됩니다. 다음으로 hello.js라는 파일을 만들고 다음 줄의 코드를 추가하십시오.
-
스크립트를 실행하려면 다음 명령을 실행하십시오. Phantomjs 실행 파일은 현재 디렉토리 또는 환경 경로 어딘가에 있어야합니다. 모든 것이 올바르게 구성되면 Phantomjs는 "Hello World!"를 인쇄하고 Phantom.exit ()가 호출 될 때 종료됩니다. - 웹 페이지 를 사용합니다 Phantomjs가 실행되면 웹을 자동화 할 수 있습니다. 다음 예제는 Google 홈페이지를로드하고 스크린 샷을 파일에 저장합니다. 1 행은 웹 페이지의 새로운 인스턴스를 만듭니다. Line 4는 Google.com을로드합니다. 페이지가로드되면 onloadfinished () 콜백 함수가 실행됩니다. 콜백 함수는 단일 매개 변수 상태를 수신하여 페이지가 성공적으로로드되었는지 여부를 나타냅니다. 페이지를로드 할 URL은 page.url에서 사용할 수 있습니다. 이 속성은 페이지에 리디렉션이 포함되어있을 때 특히 유용하며 귀하가 어디에 있는지 정확히 알고 싶습니다. Line 8은 페이지의 Render () 메소드를 사용하여 스크린 샷을 찍습니다. Render ()는 PNG, GIF, JPEG 및 PDF 파일을 생성 할 수 있습니다.
<code class="language-javascript">console.log("Hello World!");
phantom.exit();</code>
페이지 설정
파일 시스템에 액세스
<code class="language-bash">phantomjs hello.js</code>
JavaScript를 실행하십시오 Phantomjs의 가장 강력한 특징 중 하나는 JavaScript를 통해 페이지와 상호 작용하는 기능입니다. 따라서 버튼을 클릭하거나 양식을 제출하는 것과 같은 작업을 자동화하기가 매우 쉽습니다. 다음 예제는 Google 홈페이지를로드하고 쿼리를 입력하고 검색 양식을 제출하여 웹 검색을 수행합니다. 예제의 시작은 익숙해 보일 것입니다. 새로운 컨텐츠는 8 행에서 시작하여로드 된 페이지가 결정됩니다. 이것이 홈페이지 인 경우 페이지의 evalue () 메소드가 호출됩니다. 평가 () 페이지의 맥락에서 제공하는 코드를 실행합니다. 이것은 실제로 페이지의 원래 개발자와 동일한 권한을 제공합니다. 이게 얼마나 멋진가요?
내부 평가 () 검색 상자와 양식을 찾습니다. 검색 창의 값을 "JSPRO"로 설정하고 양식을 제출합니다. 이로 인해 페이지의 onloadfinished () 메소드가 다시 시작됩니다. 그러나 이번에는 검색 결과의 스크린 샷이 발생하고 Phantomjs가 종료됩니다. Phantomjs는 또한 js () 및 injectjs ()를 포함한 두 가지 방법을 제공하므로 외부 스크립트 파일을 페이지에 추가 할 수 있습니다. includejs ()는 페이지에서 액세스 할 수있는 스크립트 파일을 포함하는 데 사용됩니다. 예를 들어, 다음 코드를 사용하여 이전 예제에 jQuery를 포함시킬 수 있습니다. 9 행에서 includejs ()를 호출하고 evaluate () 내부의 jQuery 구문을 참고하십시오.
<code class="language-javascript">var page = require("webpage").create();
var homePage = "http://www.google.com/";
page.open(homePage);
page.onLoadFinished = function(status) {
var url = page.url;
console.log("Status: " + status);
console.log("Loaded: " + url);
page.render("google.png");
phantom.exit();
};</code>
injectjs () 메소드는 포함 js ()와 유사합니다. 차이점은 주입 된 스크립트 파일에 페이지 객체에서 액세스 할 필요가 없다는 것입니다. 예를 들어, 로컬 파일 시스템에서 스크립트를 주입 할 수 있습니다. phantomjs and node.js
결론
헤드리스 웹 키트를 설치하는 방법은 무엇입니까?
위 내용은 헤드리스 웹 키트 및 팬텀즈의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!