Question

我很抱歉打扰了。最近，我发现我的devtools扩展程序在最新版本的Chrome中不起作用。它仍然可以在正常模式下工作，即打开一个选项卡，然后为该选项卡打开devtools，一切正常。在检查Android WebView时，只有background.js执行了一些代码，但devtools.js似乎永远不会被执行。

任何人都有同样的问题或者可以指出我的解决方案吗？

我的情景是，

启动Chrome。
导航到Chrome：//检查页面。
连接Android设备以通过USB检查WebView以监控http流量。
然后点击＆＃34;检查＆＃34;链接以启动devtools窗口。

结果是：

Devtools窗口启动。
但是，只有background.js执行了一些代码，然后没有任何事情发生。

要下载的Git源代码

Source Code

项目结构：

background.js

devtools.html

devtools.js

的jquery-3.1.0.min.js

的manifest.json

manifest.js

{
  "name": "Har Getter",
  "version": "1.1",
  "minimum_chrome_version": "10.0",
  "description": "Har reporter",
  "devtools_page": "devtools.html",
  "content_scripts": [
      {
          "js": ["jquery-3.1.0.min.js"],
          "matches": ["http://*/*", "https://*/*"]
      }
  ],
  "background": { "scripts": ["background.js"] },
  "permissions": [
    "http://*/*",
    "https://*/*",
    "tabs"
  ],
  "manifest_version": 2
}

devtools.js

chrome.devtools.panels.create("Lucas Luo Panel",
    "MyPanelIcon.png",
    "Panel.html",
    function(panel) {
    }
);



chrome.devtools.panels.elements.createSidebarPane("Lucas Luo Sidebar",
    function(sidebar) {
        // sidebar initialization code here
        sidebar.setObject({ some_data: "Some data to show" });
});

alert("Lucas Luo");
chrome.devtools.network.onNavigated.addListener(function (url) {
    alert('starting...');
});

chrome.devtools.network.onRequestFinished.addListener(function(request) {

});

function checkRequestCount2() {
    if(chrome.devtools.inspectedWindow.tabId == pcTabId) {
        sendPC();
    }
}

function sendPC() {
    chrome.devtools.inspectedWindow.eval('performance.timing.loadEventEnd',"",function(result, exceptionInfo){
            chrome.devtools.network.getHAR(function(harLog) {
                clearTimeout(navTime);
                var loadTimeVal = (end-start) / 1000;
                endTimeVal = new Date();
                alert('hello');
                $.ajax({
                    url: 'http://localhost:4567/automation/sendHar/PC',
                    type: 'POST',
                    dataType: 'json',
                    data: escape(JSON.stringify(harLog)),
                    error: function(d) {
                    },
                    success: function(d, s) {
                    }
                });
            });
        });
}

background.js

alert('background lucas luo');

devtools.html

<!doctype html>
<html>
  <head>
    <title>Devtools Page</title>
    <script src="jquery-3.1.0.min.js" type="text/javascript"></script>
    <script src="devtools.js"></script>
    <script src="./background.js" type="text/javascript"></script>
  </head>
  <body>
  </body>
</html>

最诚挚的问候，

Answer 1

我已经提交了一个错误Chrome Wizard DevTools Issue