文章/答案/技术大牛

发布

社区首页 >问答首页 >devtools扩展不再适用于新版Chrome中的android webview (55.0.2883.87)

问devtools扩展不再适用于新版Chrome中的android webview (55.0.2883.87)
EN

Stack Overflow用户

提问于 2016-12-14 08:09:23

回答 1查看 436关注 0票数 0

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

有人有同样的问题或者能给我一个解决方案吗？

我的设想是，

发射Chrome。
导航到Chrome://检查页面。
连接Android设备，通过USB检查WebView以监视http流量。
然后单击“检查”链接，启动devtools窗口。

结果是：

启动Devtools窗口。
但是，只有background.js执行了一些代码，然后什么都没有发生。

下载Git源代码

源代码

项目结构：

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>

诚挚的问候,

罗卢卡斯

google-chrome-extension

webview

google-chrome-devtools

android

google-chrome

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-18 09:43:41

我提出了一个错误，Chrome向导DevTools问题

诚挚的问候,

罗卢卡斯

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41137633

复制

相似问题

问devtools扩展不再适用于新版Chrome中的android webview (55.0.2883.87)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问devtools扩展不再适用于新版Chrome中的android webview (55.0.2883.87)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问devtools扩展不再适用于新版Chrome中的android webview (55.0.2883.87)
EN