Question

我想在Dev Tools中添加新的标签/面板，即devtool扩展。但是只想在打开的主页/检查窗口是特定域时添加。我能以任何方式实现这一目标吗？

现在，我在Dev Tools中为我访问的每个页面添加了以下选项卡。 manifest.json的"permissions"部分不受尊重？

想知道我是否可以将devtool扩展限制为限制页面，或者如果我创建了一个devtool扩展，它将可用于所有页面？

的manifest.json

{
  "manifest_version": 2,

  "name": "Devtools extension",
  "description": "XYZ",
  "version": "1.0",

  "permissions": [
    "https://*.google.com/"
  ],
  "browser_action": {
    "default_icon": "vf.jpg",
    "default_title": "rc"
  },
  "background": {
    "scripts": ["background.js"]
  },    
  "devtools_page" : "devtools.html"
}`

devtools.js包含在devtools.html

中

chrome.devtools.panels.create(
    "New Tab", 
    "icon.png", 
    "dummy.html",
    function() {
      console.log("tab added");
    }
);

Answer 1

稍晚但它可能对其他人有帮助，我在devtools.js中做到了这一点

var expr = '/^www.mydomain.com/.test(document.location.host)';
chrome.devtools.inspectedWindow.eval(expr, cb);

function cb(data, isException) {
  if (!isException && data === true) {
      chrome.devtools.panels.create(
        'New Tab',
        null, // No icon path
        'dummy.html',
        null // no callback needed
      );
    }
}

为特定域的页面启用Devtools扩展？

1 个答案: