简单的Chrome扩展程序:在新标签页中打开一个网址

chret

我正在寻找创建“新标签”扩展程序(如PandaProduct Hunt扩展程序)的方法:用户可以打开一个新标签页,其中包含我的网站以及隐藏的网址。

我已经用很棒的Extensionizr生成了我的包,这是我的manifest.json

manifest.json

{
  "name": "My app",
  "version": "0.0.1",
  "manifest_version": 2,
  "description": "My awesome app",
  "homepage_url": "http://myapp.com",
  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "default_locale": "en",
  "background": {
    "scripts": [
      "src/bg/background.js"
    ],
    "persistent": false
  },
  "permissions": [
    "tabs",
    "http://myapp.com/*"
  ]
}

background.js来自这个答案,问题似乎真的很相似。

background.js

chrome.browserAction.onClicked.addListener(function(activeTab) {
  var newURL = "http://myapp.com";
  chrome.tabs.create({ url: newURL });
});

当我尝试从扩展程序设置运行后台页面时,仍然出现此错误: Uncaught TypeError: Cannot read property 'onClicked' of undefined

当我打开一个新标签页时,谷歌浏览器利用了这一优势,并向我显示了一个Google搜索页面。

我做错了,我不知道如何/在哪里/为什么

可汗

您完全偏离了轨道。您不想打开(简单的)新标签,而是要替换“新标签页”。
Daniel的回答正确地解释了为什么您的代码不起作用,但却无法实现您想要的功能。

要替换Chrome的“新标签页”,您需要使用覆盖页面

  "chrome_url_overrides" : {
    "newtab": "myPage.html"
  },

在其中myPage.html,您可以<iframe>为您的远程内容添加

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Chrome 扩展创建 - 获取元素的 Src 属性并打开一个新标签

来自分类Dev

在新标签页中打开Chrome扩展程序

来自分类Dev

Google Chrome:在新标签页中打开一个链接,然后一键切换到该链接

来自分类Dev

在RSelenium中打开一个新标签

来自分类Dev

在RSelenium中打开一个新标签

来自分类Dev

让vim标签匹配列表打开一个新标签页

来自分类Dev

让vim标签匹配列表打开一个新标签页

来自分类Dev

在提交表单时,在新标签页中打开一个新页面,然后重定向原始页面

来自分类Dev

Firefox会打开一个新标签页,而不是JavaScript代码

来自分类Dev

打开一个带有“ hello world”的新标签页

来自分类Dev

Google Chrome扩展程序可打开“新标签页”

来自分类Dev

卸载Chrome扩展程序后打开一个新窗口

来自分类Dev

Chrome扩展程序:创建一个新标签页,等待其完成加载,执行脚本

来自分类Dev

Applescript - 打开一个新标签

来自分类Dev

如何在 Chrome 中打开一个新标签并使用 Selenium 在 Java 中切换到该新标签

来自分类Dev

Chrome扩展程序-在新标签页中打开捕获的屏幕截图

来自分类Dev

为什么`:tab all'在新标签页中打开大多数文件,而在一个标签页中水平打开一些文件呢?

来自分类Dev

Chrome扩展程序在新标签页上打开新标签页

来自分类Dev

在同一新标签页中打开多个网址

来自分类Dev

使用自定义网址打开一个新的Chrome窗口,然后使用Autohotkey获得相同的窗口吗?

来自分类Dev

在Chrome中打开一个具有特定宽度和高度的新HTML点击

来自分类Dev

Chrome扩展程序在新标签页中运行js

来自分类Dev

在C中打开一个新的终端窗口

来自分类Dev

在C ++中打开一个新的终端屏幕

来自分类Dev

我想打开一个新标签而不是一个弹出窗口

来自分类Dev

浏览器可以在一个动作中打开新标签页并切换到该标签页吗?

来自分类Dev

打开一个外部程序

来自分类Dev

Chrome扩展程序,基于异步提取的数据创建一个新标签

来自分类Dev

Chrome扩展程序:打开新标签页而不会失去弹出窗口焦点

Related 相关文章

  1. 1

    Chrome 扩展创建 - 获取元素的 Src 属性并打开一个新标签

  2. 2

    在新标签页中打开Chrome扩展程序

  3. 3

    Google Chrome:在新标签页中打开一个链接,然后一键切换到该链接

  4. 4

    在RSelenium中打开一个新标签

  5. 5

    在RSelenium中打开一个新标签

  6. 6

    让vim标签匹配列表打开一个新标签页

  7. 7

    让vim标签匹配列表打开一个新标签页

  8. 8

    在提交表单时,在新标签页中打开一个新页面,然后重定向原始页面

  9. 9

    Firefox会打开一个新标签页,而不是JavaScript代码

  10. 10

    打开一个带有“ hello world”的新标签页

  11. 11

    Google Chrome扩展程序可打开“新标签页”

  12. 12

    卸载Chrome扩展程序后打开一个新窗口

  13. 13

    Chrome扩展程序:创建一个新标签页,等待其完成加载,执行脚本

  14. 14

    Applescript - 打开一个新标签

  15. 15

    如何在 Chrome 中打开一个新标签并使用 Selenium 在 Java 中切换到该新标签

  16. 16

    Chrome扩展程序-在新标签页中打开捕获的屏幕截图

  17. 17

    为什么`:tab all'在新标签页中打开大多数文件,而在一个标签页中水平打开一些文件呢?

  18. 18

    Chrome扩展程序在新标签页上打开新标签页

  19. 19

    在同一新标签页中打开多个网址

  20. 20

    使用自定义网址打开一个新的Chrome窗口,然后使用Autohotkey获得相同的窗口吗?

  21. 21

    在Chrome中打开一个具有特定宽度和高度的新HTML点击

  22. 22

    Chrome扩展程序在新标签页中运行js

  23. 23

    在C中打开一个新的终端窗口

  24. 24

    在C ++中打开一个新的终端屏幕

  25. 25

    我想打开一个新标签而不是一个弹出窗口

  26. 26

    浏览器可以在一个动作中打开新标签页并切换到该标签页吗?

  27. 27

    打开一个外部程序

  28. 28

    Chrome扩展程序,基于异步提取的数据创建一个新标签

  29. 29

    Chrome扩展程序:打开新标签页而不会失去弹出窗口焦点

热门标签

归档