puppeteer 教程（10） ----进阶（puppeteer 代码自动生成）-蒲公英云

puppeteer 教程（10） ----进阶（puppeteer 代码自动生成）

港控/mmm° 2024-04-17 21:48 142阅读 0赞

目标

puppeteer 代码自动生成，Puppeteer Recorder离线安装教程

Puppeteer Recorder介绍，摘抄自官网

在这里插入图片描述

1.教程分为在线安装和离线安装

1.离线安装，主要是不能够翻墙，所使用

1.下载
git clone https://gitee.com/hugo110/puppeteer-recorder.git
修改文件package.json中的文字
原先 NODE_ENV
改为 cross-env NODE_ENV

到你的下载目录下，右键打开命令行，输入以下命令

npm i
npm install cross-env –save-dev
npm run dev

3.访问 chrome://extensions/

4.选中开发者模式

在这里插入图片描述
5.
6.

2.在线安装，如果你的网络能够翻墙，那么可以访问以下链接进行安装

https://www.jianshu.com/p/587637db37ce

如果不能够翻墙

1.安装谷歌访问助手 Chrome插件
http://www.cnplugins.com/office/gugefangwenzhushou/
2.下载
http://www.cnplugins.com/office/gugefangwenzhushou/download.html
3.如何离线安装
http://www.cnplugins.com/tools/how-to-setup-crx.html
4.遇到的问题
4.1程序包无效:”CRX_HEADER_INVALID”的解决方法（最全最细）
https://blog.csdn.net/weixin\_43606158/article/details/97517104

使用例子

注意事项：
1.遇到表单输入时，输入完成要按一下tab键
2.生成的代码 browser 可替换

const browser = await puppeteer.launch({
        //启动浏览器
        args: ['--no-sandbox'],
        headless: false,   //代码运行时打开浏览器方便观察
        // devtools:true   //打开f12界面
    });

在这里插入图片描述

参考博客

1.解决GitHub下载慢问题，不用修改HOSTS文件
https://blog.csdn.net/github\_37847975/article/details/86477343
2.‘NODE_ENV’ 不是内部或外部命令，也不是可运行的程序或批处理文件
https://blog.csdn.net/qq\_16933879/article/details/79398349