PhantomJS、Puppeteer、SlimerJS网页截屏

简介: PhantomJS、Puppeteer、SlimerJS网页截屏

PhantomJS

PhantomJs(使用QtWebKit内核)已经停止维护了

baidu.js

// 创建一个网页实例
var page = require('webpage').create();
// 加载页面
page.open('https://www.baidu.com/', function () {
    // 给网页截屏保存
    page.render('baidu.png');
    phantom.exit();
})
$ phantomjs baidu.js

Puppeteer(chrome headless)

文档:https://github.com/puppeteer/puppeteer

安装

$ npm i puppeteer


example.js

const puppeteer = require("puppeteer");
(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  // 设置视窗大小
  await page.setViewport({
    width: 1400,
    height: 800,
  });
  // 打开页面
  await page.goto("https://zhuanlan.zhihu.com/p/76237595"); 
  // path: 截屏文件保存路径
  await page.screenshot({ path: "example.png" ,fullPage: true }) 
  await browser.close();
})();

SlimerJS

SlimerJS是基于火狐的浏览器引擎Gecko

Firefox. version: 53.0 to 59.0

下载地址:https://slimerjs.org/download.html

安装依赖

npm install slimerjs
var page = require('webpage').create();
page.open("https://mp.weixin.qq.com/s/YHeEjam6lze8OgyiPBWorQ", function (status) {
    page.viewportSize = { width:1024, height:768 };
    page.render('screenshot.png');
    slimer.exit()
});
$ npx slimerjs screenshot.js

参考

JS 实现网页截屏五种方法

相关文章
|
3月前
|
数据采集 机器学习/深度学习 供应链
用Puppeteer点击与数据爬取:实现动态网页交互
本文介绍了如何使用Puppeteer和代理IP抓取51job招聘信息。Puppeteer作为强大的浏览器自动化工具,能模拟用户操作、加载动态数据,结合代理IP技术可以提高抓取成功率并避免IP封禁。文章详细阐述了招聘信息的价值和市场应用,以及大数据分析在招聘信息采集中的应用。通过具体实现步骤和示例代码,展示了如何设置代理、模拟用户操作、抓取和分析数据,为企业和求职者提供有价值的市场洞察。
246 1
用Puppeteer点击与数据爬取:实现动态网页交互
|
9月前
|
Web App开发 数据采集 数据挖掘
还有这种骚操作:使用Golang实现无头浏览器浏览和截图
还有这种骚操作:使用Golang实现无头浏览器浏览和截图
451 0
|
移动开发 资源调度 JavaScript
html2canvas 一个强大的使用js开发的浏览器网页截图工具
html2canvas 一个强大的使用js开发的浏览器网页截图工具
238 0
|
Web App开发
selenium 使用本地浏览器插件
selenium 使用本地浏览器插件
|
数据采集 C#
使用c#和selenium获取网页
selenium 和 c# 的应用之一是创建一个网络爬虫,它可以从网页中抓取数据进行分析。网络爬虫是一种访问网页并从中提取信息的程序。 Selenium 是一个框架,它允许我们自动执行浏览器操作,例如单击、键入或导航。 C# 是一种编程语言,可用于编写网络爬虫的逻辑和功能。
207 0
|
Web App开发 JavaScript 前端开发
使用Selenium和ChromeDriver操作浏览器获取动态数据
使用Selenium和ChromeDriver操作浏览器获取动态数据
306 0
|
前端开发 JavaScript Python
Python之Phantomjs无界面浏览器
Python之Phantomjs无界面浏览器
Python之Phantomjs无界面浏览器
常用的浏览器插件
很多人为了提高浏览器效率,或者增强功能,会安装一些扩展插件、脚本等。
常用的浏览器插件
|
Web App开发
Chrome浏览器网页截屏
Chrome浏览器网页截屏
121 0
Chrome浏览器网页截屏