javascript - 使用 devtool 保存 Har 文件的 Chrome 扩展

Question

这就是我想要做的。我想在使用谷歌浏览器时保存所有 HTTP(内容+请求+响应)。我找到了一种使用网络工具(在开发人员工具中)的方法，我可以在其中手动下载所有内容。

现在我想将整个过程自动化，这样我就不需要做任何手动操作了。我认为我们可以通过使用 devtools.network API 编写一个简单的 Chrome 扩展程序来做到这一点。

chrome.devtools.network.onRequestFinished.addListener(
    function(request) {
    //dosomething
});

但我有点迷路了，我以前从未开发过 Chrome 扩展。我制作了一个简单的 manifest.json 文件:

{
     "manifest_version": 2,
     "name": "My extension",
     "version" : "1.0",
     "background": {
         "scripts": ["devtools.js"],
         "persistent": true
     },
     "devtools_page": "devtools.html",
     "browser_action": {
         "default_title": "Get it",
         "default_icon" : "icon.png"
     }
}

并在 devtools.js 中粘贴了第一个代码片段，但它给了我一个错误:

network not defined

我走在正确的轨道上吗？如果是这样，我的代码做错了什么？

Answer 1

来自 "Extending DevTools" :

The chrome.devtools.* API modules are available only to the pages loaded within the DevTools window. Content scripts and other extension pages do not have these APIs. Thus, the APIs are available only through the lifetime of the DevTools window.

所以你可以在 devtools.html 中使用它，只要它打开，但不能在后台使用。

---

或者，您可以使用 chrome.debugger API ，只要 Dev Tools 未打开，它就可以工作。请注意，这是一个非常低级的 API，文档很少。

因为，从您的其他问题来看，您的目标是使流程自动化 - 这可能是更好的途径(因为据我所知，没有自动打开启用开发工具的页面的方法)。 debugger API 可以复制 Dev Tools 的功能，但一次只能将一个工具附加到页面 - 因此，如果 Dev Tools debugger 停止工作调用工具。

编辑:由于 Chrome 63 支持多个调试器客户端，因此可以同时附加开发工具和 chrome.debugger。