这篇文章，主要用于收集整理常用的Puppeteer的一些常用API操作，自动化操作，爬虫测试，基础使用等等。当然至于是什么是Puppeteer呢，我们来看下官方介绍：Puppeteer是谷歌官方出品的一个通过DevTools协议控制headless Chrome的Node库。可…

总结一些使用puppeteer的小技巧。

puppeteer 翻译是操纵木偶的人，利用这个工具，我们能做一个操纵页面的人。puppeteer是一个nodejs的库，支持调用Chrome的API来操纵Web，相比较Selenium或是PhantomJs,它最大的特点就是它的操作Dom可以完全在内存中进行模拟既在V8引擎中…

Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行。我们团队从 Puppeteer 刚发布出来就开始成为忠实用户了（主要是因为 PhantomJs 坑太多了），本文主要在介绍 Puppeteer 的…

性能优化一直是我们需要注意的问题，尤其是对于C端产品来说更是重中之重。而关于性能优化的文章教材层出不穷，这里不过多赘述。而对于性能优化过后，性能到底提升了多少，我们需要有一个很直观的数据，才能更加方便我们工作，也能更清楚的计算出我们所获得的成果。 这些工具都各有各的优点，但同样…

Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。在H5页面检测中可以通过Puppeteer的提供的api直接控制Chrome模拟用户操作来进行UI Test或者作为爬虫访问页面来收集数据…

前端页面性能对用户留存、用户直观体验有着重要影响，当页面加载时间超过 2 秒后，加载时间每增加一秒，就会有大量的用户流失，所以做好页面性能优化，无疑对网站来说是一个非常重要的步骤。 那如何才能知道一个页面的性能情况呢？知道了页面性能情况后又如何进行优化呢？一个页面的性能指标非常…

网页核心的性能指标应该是随着时间的推移而不断演变的。当前 2020 年主要关注用户体验的三个方面——加载、交互性和视觉稳定性。 Google计划于2021年将core web vitals作为网络排名算法的一个因子。 从技术方面来讲，前端性能监控主要分为两种方式，一种叫做合成监…