时间戳

首页 > 解决方案 > 有没有办法使用用户创建的扩展在 chrome 浏览器中打开 devtool 面板

javascript - 有没有办法使用用户创建的扩展在 chrome 浏览器中打开 devtool 面板

问题描述

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

manifest.json :- 

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

devtool.js :-

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

标签： javascriptgoogle-chromegoogle-chrome-extensiongoogle-chrome-devtoolsgoogle-chrome-app

解决方案

您使用的是 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

你可能也想读这个。 我可以通过 Google Chrome 扩展程序以编程方式打开 devtools 吗？

推荐阅读