PhantomJS 简单入门

最新推荐文章于 2025-05-05 14:13:02 发布

bubble_viki

最新推荐文章于 2025-05-05 14:13:02 发布

阅读量307

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript 爬虫

本文链接：https://blog.youkuaiyun.com/bubble_viki/article/details/73065704

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了PhantomJS的基本概念及安装方法，并通过两个实例演示如何使用PhantomJS进行网页截图与获取动态加载的HTML源码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ABOUT PhantomJS

PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

PhantomJS

PhantomJS安装
去官网下载PhantomJS

解压下载好的zip文件，就已经是安装好了
在bin目录下找到phantomjs.exe ，打开出现如下界面，即可运行js代码。

//每次去固定目录运行实在有些麻烦，建议设置环境变量，比较方便一点。
简单的Demo测试

创建一个hello.js文件
```
console.log('Hello, world!');
phantom.exit();
```
运行js文件

ABOUT其他强大的功能

[1]打开一个网页，并截图保存

var page = new WebPage()
    var fs = require('fs');

    page.onLoadFinished = function() {
      console.log("page load finished");
      page.render('phantomjs.png');
      phantom.exit();
    };

    page.open("http://phantomjs.org", function() {
      page.evaluate(function() {
      });
    });

运行结果：
这里写图片描述

成功生成了截图文件！！ //666666

这里写图片描述

[2]保存动态加载完成后的html源码 //我最最最想实现的功能！！

var page = new WebPage()
var fs = require('fs');

page.onLoadFinished = function() {
    console.log("page load finished");
    page.render('weibo.png');
    fs.write('2.html', page.content, 'w');
    phantom.exit();
};

page.open("http://s.weibo.com/weibo/nuest?topnav=1&wvr=6&b=1", function() {
    page.evaluate(function() {
    });
});