javascript - Chrome 开发工具 : inspect network tab using Javascript from console tab

Question

有时，我网站的用户报告广告存在问题，但屏幕截图不足以识别广告提供商，并且使用 Chrome 开发工具的“元素”选项卡挖掘 DOM 树对于非技术用户来说非常困难，DOM 元素可能因广告提供商而异。

我可以要求每个用户打开 Chrome 开发工具并在控制台中执行 javascript 代码。这段 javascript 必须从“网络”选项卡中提取内容(我需要对特定 HTTP 请求的 HTTP 响应)。

是否可以使用纯 javascript 和 chrome API(无需开发 Chrome 扩展程序)？

Answer 1

如果 Chrome 开发工具尚未打开，则无法从一开始就复制广告素材的完整网络事件，因为它仅在打开时才开始记录网络事件。

要求他们在启用 Chrome 开发工具的同时重新加载页面是没有意义的，因为广告很可能在重新加载时发生变化。

根据您使用的广告代码，检查 JS 代码，它会向您返回广告素材 ID 和与广告相关的其他详细信息，以帮助您稍后对广告采取适当的操作。