Chrome扩展popup中发送fetch请求，可在哪查看对应端点的请求详情？

解决方法 #

你需要打开popup专属的开发者工具查看请求记录，操作步骤如下：

• 点击扩展图标调出popup，不要点击其他区域让popup关闭
• 右键点击popup内部的空白位置，选择「检查」，弹出popup专属的调试窗口
• 切换到该窗口的「Network」标签，就能看到所有popup内发起的请求详情

原因说明 #

Chrome扩展的不同运行上下文是互相隔离的，各自的日志、网络请求都只会在对应上下文的开发者工具中展示：

• 你平时按F12调出的是当前浏览网页的开发者工具，和popup不属于同一上下文，所以看不到相关请求
• background页面的开发者工具仅能展示后台脚本发起的请求，也不会记录popup内的请求行为

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