Chrome扩展：如何通过开发者工具查找正在运行的内容脚本文件

以下是几种快速定位内容脚本的实用方法：

• 打开目标网页的开发者工具（按F12或右键选「审查元素」即可），切换到Sources面板，在左侧导航栏找到并展开Content scripts目录。这里会列出当前页面加载的所有扩展内容脚本，你的扩展脚本会带有对应扩展名称的标识，点击就能查看完整代码，还能直接设置断点调试。
• 要是记得脚本文件名，按Ctrl+P（Windows/Linux）或Cmd+P（Mac）打开Sources面板的搜索框，输入文件名搜索——内容脚本会被标注为[你的扩展名称] 脚本文件名.js，很容易识别。
• 若不确定脚本对应哪部分页面逻辑，可以切换到Elements面板，找到内容脚本可能操作的页面元素，右键选择Break on，再选Subtree modifications或Attribute modifications。当内容脚本修改该元素时，开发者工具会自动跳转到触发修改的脚本代码行。

内容的提问来源于stack exchange，提问作者Azizxon Zufarov