puppeteer 教程（10） ----進階（puppeteer 代碼自動生成）

目標

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

2. 到你的下載目錄下，右鍵打開命令行，輸入以下命令

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