PhantomJS将网页保存为图片

原创于 2017-01-28 00:40:23 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#图片 #phantomjs

web前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用PhantomJS在页面渲染完成后将其保存为图片。文章提供了具体代码示例，展示了如何设置用户代理、视口大小及加载网页，并在一定延迟后将网页内容截图。

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

phantomjs官网：http://phantomjs.org/

下载phantomjs后解压就可以使用。phantomjs可以在页面渲染完成后将页面保存为图片，而无需显示页面。

phantomjs 需要引入webpage模块，通过page.open()打开页面。

window .setTimeout() 等待页面渲染完成，渲染完成后通过page.render(“test.jpg”);将页面保存为图片。

以下为代码，未测试。

通过命令行 phantomjs test.js执行。

test.js

var page = require('webpage').create();

page.settings.userAgent = 'WebKit/534.46 Safari/7534.48.3';
page.settings.viewportSize = { width: 400, height: 600 };

var s_url = "";

page.open(s_url, function (status) {
    if (status !== 'success') {
    console.log('Unable to load!');
    phantom.exit();
  } else {
    window.setTimeout(function () {
      page.render("a.jpg");
        phantom.exit();
    }, 5000);     
  }
});