【问题标题】:Is there any way to open devtool panel in chrome browser using user created extension有没有办法使用用户创建的扩展程序在 chrome 浏览器中打开 devtool 面板
【发布时间】:2018-12-10 08:59:00
【问题描述】:

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

ma​​nifest.json:-

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

devtool.js :-

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

【问题讨论】:

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


    【解决方案1】:

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

    来自文档:

    1. 确保您使用的是 Canary(您可以与其他 Chrome 频道同时使用)或 Dev 频道。尽管实验性 API 可能在其他版本中运行,但我们需要您对 API 的最新版本提供反馈,您可以在 Canary 和 Dev 频道中找到这些版本。

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

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

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

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

    【讨论】:

    • 我更新了建议的更改。它对我不起作用。如果您分享 manifest 和 devtool 的代码 sn-p 将非常有帮助
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-28
    • 2020-02-08
    相关资源
    最近更新 更多