小编pwn*_*own的帖子

在扩展鼠标单击时打开本地 .html

我正在创建我的第一个 chrome 扩展。单击扩展图标时,我希望 chrome 会打开一个新选项卡,并在那里打开我创建的本地 .html 页面。

按照 Google 文档上的说明,我创建了以下内容:

清单文件

{
  "manifest_version": 2,

  "name": "Notes",
  "version": "1.0",

  "browser_action": {
    "default_icon": "ninjaicon.png",
    "default_popup": "notes.html"
},

  "background": {
    "scripts": ["background.js"]
},

  "permissions": [
    "tabs"
 ]
}
Run Code Online (Sandbox Code Playgroud)

背景.js

chrome.browserAction.onClicked.addListener(function(activeTab){
  chrome.tabs.create({'url': chrome.extension.getURL('notes.html')}, function(tab)
  });
});
Run Code Online (Sandbox Code Playgroud)

当我按下我的扩展程序图标时,会弹出一个包含“notes.html”内容的窗口,但没有像我希望的那样打开新选项卡。

我该怎么做才能正确?一直在这里寻找很多解决方案,但没有奏效。我只想创建一个扩展程序,单击该扩展程序会打开一个带有本地 Web 应用程序的新选项卡。

感谢您的回答。

html javascript google-chrome google-chrome-extension

1
推荐指数
2
解决办法
6300
查看次数