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

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

## 目标 ##

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

## Puppeteer Recorder介绍，摘抄自官网 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70]

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

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

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

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

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

3.访问 chrome://extensions/

4.选中开发者模式

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70 1]  
5.![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70 2]  
6.![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70 3]

### 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界面
        });

![在这里插入图片描述][2019090121481877.gif]

### 参考博客 ###

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/ba4bd0e973c14f58a43c6248e11cd8b2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/9af7abbf3d904e4cb23b1b142ba1cb66.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/08dbec757eda43548ca7a7e5ee55445b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/c11a6163836040e9a669612a04c3bc88.png
[2019090121481877.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/c12d4e9051274a0d832315e5b4a419a4.gif