phantomjs 远程debug

最新推荐文章于 2024-09-02 11:17:01 发布

weixin_34261415

最新推荐文章于 2024-09-02 11:17:01 发布

阅读量381

点赞数 1

CC 4.0 BY-SA版权

文章标签： json javascript python ViewUI

原文链接：https://my.oschina.net/dacoolbaby/blog/516366

本文介绍如何使用PhantomJS进行远程调试。PhantomJS是一个无头浏览器解决方案，支持多种Web标准并适用于页面自动化、网络监测等场景。文章详细解释了通过开启远程调试端口来进行调试的过程，并演示了具体的步骤及示例代码。

2019独角兽企业重金招聘Python工程师标准>>>

debug教程源自Phantomjs Coock book

关于phantomjs http://phantomjs.org/

PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API。它全面支持web而不需浏览器支持，其快速，原生支持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。 PhantomJS 可以用于页面自动化，网络监测，网页截屏，以及无界面测试等。

由于phantomjs没有界面，所以debug的时候比较麻烦。因此通过远程debug端口进行debug。

首先准备一段js代码：

var page = require('webpage').create();
   page.onResourceReceived = function(res) {
     if (res.stage === 'end') {
       console.log(JSON.stringify(res, undefined, 2));
     }
};
  // 这里是地址根据你自己的项目输入
   page.open('http://www.baidu.com', function(status) {
     if (status === 'success') {
       console.log('All done.');
       phantom.exit();
     } else {
       console.error('Could not open page! (Is it running?)');
       phantom.exit(1);
     }
});

安装phantomjs 到path下面，然后执行：(recipe08.js是上面的js保存的名称)

phantomjs --remote-debugger-port=9000 --remote-debugger-autorun=true recipe08.js

启动以后，打开chrome浏览器，或者safari浏览器。这里使用chrome，看到这个界面。

进入刀www.baidu.com之后，看到的页面是这样的：

然后选择：

这样就可以在chrome下面进行debug操作了。

转载于:https://my.oschina.net/dacoolbaby/blog/516366