|-转 puppeteer前端利器（2022年6月基本有效）
文章中的代码还未实测，有些代码之前我已经在用了，ok的 20220601
原内容发布与：2020-11-20 22:15 发布者：明么
Puppeteer是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，同时还有 Headless Chrome。用来模拟 Chrome 浏览器的运行。它提供了高级API来通过 DevTools 协议控制无头 Chrome 或 Chromium ，它也可以配置为使用完整（非无头）Chrome 或 Chromium。
学习 Puppeteer 之前我们先来了解一下Chrome DevTool Protocol和Headless Chrome。
Chrome DevTool Protocol 是什么
CDP 基于 WebSocket，利用 WebSocket 实现与浏览器内核的快速数据通道。CDP 分为多个域（DOM，Debugger，Network，Profiler，Console...），每个域中都定义了相关的命令和事件（Commands and Events）。我们可以基于 CDP 封装一些工具对 Chrome 浏览器进行调试及分析，比如我们常用的 “Chrome 开发者工具” 就是基于 CDP 实现的。很多有用的工具都是基于 CDP 实现的，比如Chrome 开发者工具，chrome-remote-interface，Puppeteer等。Headless Chrome 是什么
可以在无界面的环境中运行 Chrome。通过命令行或者程序语言操作 Chrome。无需人的干预，运行更稳定。在启动 Chrome 时添加参数 --headless，便可以 headless 模式启动 Chrome。chrome 启动时可以加一些什么参数，大家可以点击这里查看。总而言之 Headless Chrome 就是 Chrome 浏览器的无界面形态，可以在不打开浏览器的前提下，使用所有 Chrome 支持的特性运行你的程序。 ...
浏览更多内容请先登录。
立即注册
分享的网址网站均收集自搜索引擎以及互联网，非查问网运营，查问网并没有提供其服务，请勿利用其做侵权以及违规行为。
更新于：2022-06-01 03:58:12
相关内容
curl超时的设置
前端优化之lazy-load Chris__Liu
vue框架大概要学多久(前端vue要学5天就会方法)
带你玩转vue——开发工具的选择vscode
VS Code——Live Server的简介、安装与使用
fatal: unable to access ‘https://github.com/nhn/raphael.git/‘: Op...
fatal: unable to connect to gitee.com: gitee.com[0: 180.97.125.228]: e...
git提交或克隆报错fatal: unable to access ‘https://github.com/tata20191...
Docker Desktop requires Windows 10 Pro/Enterprise/Home (18363+)
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicate...
express + vue +mysql 搭建项目
Vue + NodeJS + MySQL 搭建文章后台管理系统
vue中在.vue文件中定义全局变量 全局函数及使用
Identifier * is not in camel case - 代码规范性问题
实战案例丨Vscode开发第一个Vue+Element Plus示例
开源论坛软件Nodebb 现代网络社区平台搭建教程(2022年6月已实测，基本OK的)
nodejs puppeteer 自动化测试和采集的内容整理
[Bug]: TypeError: page.$x is not a function
推荐内容
