有什么办法可以使用用户创建的扩展程序在Chrome浏览器中打开devtool面板

时间:2018-07-02 07:22:09

标签: javascript google-chrome google-chrome-extension google-chrome-devtools google-chrome-app

在许多地方,它显示使用实验性api,但对我而言不起作用。

manifest.json :-

"permissions":[
        "tabs",
        "experimental",
        "storage" ,
        "http://*/*",
        "https://*/*"
        ]

devtool.js :-

chrome.experimental.devtools.panels.create("xyz",
                              "icon.png",
                              "panel.html",
                              function(panel) {  
  });

1 个答案:

答案 0 :(得分:0)

您使用的是Chrome浏览器的Canary版本还是Dev版本?

来自文档:

  
      
  1. 请确保您使用的是Canary(可与其他Chrome通道同时使用)或Dev通道。尽管实验性API可能在其他版本中也可以使用,但我们仍需要您提供有关最新版本的API的反馈,您可以在Canary和Dev渠道中找到它们。
  2.   

您还需要在浏览器中启用实验性API

  
      
  1. 在浏览器中启用实验性API。您可以通过以下两种方式之一进行操作:   转到chrome:// flags,找到“实验性扩展API”,点击其“启用”链接,然后重新启动Chrome。从现在开始,除非您返回该页面并禁用实验性API,否则您将能够运行使用实验性API的扩展程序和应用程序。   每次启动浏览器时,请指定--enable-experimental-extension-apis标志。在Windows上,您可以通过修改用于启动Google Chrome浏览器的快捷方式的属性来实现。例如:   path_to_chrome.exe --enable-experimental-extension-apis
  2.   

https://developer.chrome.com/extensions/experimental

您可能也想阅读此内容。 Can I programmatically open the devtools from a Google Chrome extension?