使用 playwright 在 Nodejs 环境下自动控制浏览器！

Playwright 是微软开发的开源 Nodejs 库，对基于Chromium，Firefox 和 WebKit 的浏览器自动化控制实现了相同的 API。

Playwright 和 Puppeteer 功能基本一致，但是 Puppeteer 只支持基于 Chromium 的浏览器

开始

初始化项目以及安装依赖

// 初始当前项目路径，此处应使用你自己定义的路径
mkdir playwright && cd playwright

// 按照自定义配置完善仓库信息
npm init

// 安装时注意
// 在默认安装时会同时安装浏览器驱动
// 在网络不好的情况下，需要用户自己更换 npm 源
npm i -D playwright

示例

打开浏览器进入百度并截图

// 此处使用 chrome 来进行相关代码操作
const {
    chromium } = require('playwright');

const main = async () => {
   
    const browser = await chromium.launch()

    const page = await browser.newPage();
	
    // 进入百度的网页
    await page.goto('https://www.baidu.com')
    
    // path 为相对路径下的文件，保存的文件对应目录为 playwright/image.png
    page.screenshot({
    path: 'image.png' })

    browser.close()
}

main()

执行代码

node index.js

此时会发现当前目录下已经新生成了 image.png 文件

模拟移动设备进入百度页面并进行截图

在实际使用中，不仅仅只有 pc 端，还有手机端页面。Playwright 也提供了相关了驱动直接设置浏览器打开方式。还内置了常用的手机 DPI 设置