如何查找为JavaScript生成元素提供文本的接口链接？

• 抓包排查网络请求：打开浏览器开发者工具的Network面板，优先看XHR/Fetch标签，点击生成按钮后观察新增请求；如果没找到，切换到All标签逐一检查请求的响应内容，找和随机单词匹配的结果。
• 追踪DOM更新的触发逻辑：在Elements面板找到显示单词的span元素，右键选择Break on > Subtree modifications，点击生成按钮触发断点后，在Sources面板逐步调试代码，顺着DOM更新的逻辑找到请求接口的源头。
• 全局搜索关键代码：在Sources面板按Ctrl+Shift+F调出全局搜索框，搜索按钮文本、span的类名/ID等关键词，定位到对应的JS代码块，分析其中是否有请求接口的逻辑。
• 排查全局变量：在Console面板里查看全局对象（比如window），或者直接搜索apiUrl、wordApi这类可能的变量名，有些网站会把接口地址存在全局变量中。
• 分析混淆代码：如果相关JS代码被混淆，可复制代码到在线格式化工具处理后，查找fetch、axios等请求方法的调用，从中提取接口URL。

内容的提问来源于stack exchange，提问作者Ya Y