是晓晓吖

鉴于 page.waitForResponse 只适用于短时间响应场景，文章提出借助 page.on ('response', fn) 事件监听器来处理 “长时间等待或者捕...

page.on('response',fn) 非常适合处理那些对响应顺序不敏感的场景。因为，只要浏览器页面收到了任何一个网络响应（HTTP/HTTPS），它就会触发。...

说说 page.on('response'，fn) 与 page.waitForResponse 类似，page.on('response', fn) 同样可以用于监听和等...

page.waitForResponse() 的设计初衷是：为可预测的/明确的、短时内能完成的网络请求提供一个简洁的等待方案。...

page.waitForResponse 的竞态条件（Race Condition），有 时间序列竞态 和 匹配条件竞态 两种情况。...

Puppeteer中的 page.waitForResponse 方法虽然监听的是页面中的网络请求，但是它的执行上下文环境是 Node.js 环境。...

当源网站应用建立在“SSR/SSG + Web Component + defer 加载 script 脚本”的技术基础上时，初始数据的最佳抓取时机是在 DOMConten...

出于安全考虑，Chrome Extension的 Content层脚本（content.js） 运行在一个隔离的环境中，这意味着他们无法直接访问网页所定义的JS变量或函数，...

最近在设计多组件包管理的 Monorepo 方案，发现目前社区上有很多不同的 monorepo 方案，包括 pnpm/nx/turborepo 等，使用 pnpm + ch...

本文说明了关于Chrome Extension的option部分的基础知识、交互方式、编码方式、通信能力。...

面试时被问及不用开发者平台接口而用插件采集数据的原因，作者整理出两方面原因。一是开发者接口数据与页面呈现数据存在差异，二是从服务器资源成本考虑。...

文章在《Chrome Extension 通信相关（汇总）》基础上，于讲解端到端通信流程前，阐述 Chrome Extension 中长、短连接的理论知识。...

文章围绕 Chrome Extension 中消息竞争回复问题展开，引用官方文档提示，指出“多个监听函数” 可分布于多个插件或一个插件的不同部分。作者凭借自身经验，成功验证...

本文介绍基于 “chrome.scripting + cheerio” 的源网站数据采集方案，相较于上一方案，该方案优势显著：交互更少，因无并发问题。...

本文介绍源网站数据采集方案，采用 Chrome Extension 实现，流程为 “打开 TAB 页 ->Dom 解析”。...

本文聚焦于 Chrome Extension 通信，指出通信是 Chrome Extension 关键技术，涉及扩展内部模块间、扩展与扩展、扩展与原生应用以及扩展与 web...

本文围绕在特定数据采集场景下，Chrome Extension 中 “请求重放” 方案的应用展开，并详细阐述了获取请求内容和请求重放的具体实现过程。...

Next.js有三种页面构建方式：SSG、SSR、ISR，本文探讨了什么是 ISR，以及，它的工作机制、最佳实践方案。...

本文聚焦于 Chrome Extension 中请求头的动态设置。开篇便指出 “JS 逆向工程” 能力虽能定位源网站风控关键点，但获取关键请求头部参数后，设置请求头是重要环...