近期接触到了海报渲染及生成pdf的业务需求，发现公司前端大佬搭建了一套静态化服务直接暴露出接口调用即可，简单过了一遍，里面掺杂着业务逻辑和其他功能没看太懂😂，但出于对于puppeteer的好奇，于是用了两个周末的时间自己搭建一套简单服务，本文主要目的是记录一次从0到1搭建基本…

京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。为了保障线上业务的稳定运行，每月例行开展前端容灾演习，主要包含小程序及 H5 版本，要求各页面各模块在异常情况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。 原来的容灾演习过程：小程…

背景 故事回顾 当有人说你页面有性能问题，该怎么办 上次产品嫌弃我页面加载太慢，我优化了一波，但是在优化中也遇到了不少糟心事 测试: 你怎么天天在测试环境瞎搞，你看看页面好几次都报错加载不出来，你能不

在今年年初，我在公司使用Selenium编写客户端测试。对于那些主要使用Scala编写的开发人员来说，这是很好的事。问题在于学习Scala和Selenium是开发人员编写端到端测试的高标准。我们有很多开发人员几乎都是用TypeScript编写的。作为Scala的新手，对新功能进…

Puppeteer 可以做很多事情：如截图、生成 PDF、爬取网页、网页测试等，文章主要偏向于介绍如何理将 puppeteer 理解并投入使用

端到端测试可以帮助我们确保 React 应用中所有的组件都能像我们预期的那样工作，而单元测试和集成测试做不到这样。 Puppeteer 是 Google 官方提供的一个端到端测试的 Node 库，它向我们提供了基于 Dev Tools 协议封装的上层 API 接口来控制 Chr…

Puppeteer(中文翻译”木偶”) 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具，它是一个 Node 库，提供了一个高级的 API 来控制 DevTools协议上的无头版 Chrome 。也可以配置为使用完整（非无头）的 Chrom…

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

上篇文章我们谈了一下puppeteer是什么，以及具体能做什么，但文中谈到的在我们日常开发中并不常用到，截图我们有截图工具、前端自动化测试有phantomjs、selenium。不仅如此，为了SEO，前端基本都会做SSR，爬取这样的页面的话python得益于强大的模块，具有得天…