Chrome扩展程序-executeScript不在活动选项卡中

丹尼尔·格里玛(Daniel Grima)

我正在尝试一个简单的Chrome扩展程序示例,该示例应可使我将所有打开的youtube标签的背景颜色更改为红色。我注意到的是,只有当我在实际页面上时,页面的背景才会变成红色,即它是活动选项卡。

代码:

function getYouTubeTabs() {
    queryInfo = {
        'url': '*://www.youtube.com/*'
    };

    chrome.tabs.query(queryInfo, function (result) {
        for (i = 0; i < result.length; i++) {    
            chrome.tabs.executeScript(result[i].id, {
                code: 'document.body.style.backgroundColor="red"'
            });
        }
    });
}

这是我的代码,我可能会丢失一些东西。不知道是否可以在“非活动”选项卡上使用executeScript。提前致谢。

编辑

manifest.json

{
  "manifest_version": 2,

  "name": "First menu item",
  "description": "Testing Context Menus",
  "version": "1.0",

  "permissions": [
    "contextMenus", "tabs", "activeTab"
  ],
  "icons": {
    "16": "myicon.png",
    "128": "myicon2.png"
  },
  "background": {
    "scripts": ["background.js"]
  }
}
加尔帕克

activeTab许可,允许你叫tabs.executeScript或tabs.insertCSS该选项卡上

相反,为了能够以编程方式将代码注入到非活动选项卡中,除了tabs权限外,您的扩展程序还必须具有页面的跨域权限

因此,您需要permissions像这样修改清单的部分:

"permissions": [
    ...
    "*://www.youtube.com/*"
],

"persistent": falsebackground部分中添加也应该可以正常工作(这是首选方式)。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Chrome扩展程序:选项卡上的executeScript

来自分类Dev

Chrome扩展程序:Javascript注入到活动选项卡

来自分类Dev

如何在Chrome扩展程序中的后台消息侦听器中检索活动选项卡?

来自分类Dev

Chrome扩展程序选项

来自分类Dev

JavaScript在非活动的Android Chrome选项卡中暂停

来自分类Dev

是否可以通过chrome扩展与非活动选项卡中的内容元素进行交互?

来自分类Dev

突出显示引导程序 3 中的活动选项卡

来自分类Dev

Chrome扩展程序中的所有选项卡中设置切换开关状态

来自分类Dev

Chrome扩展程序-找出扩展程序选项卡是否打开

来自分类Dev

Chrome扩展程序仅在当前选项卡中更改用户代理

来自分类Dev

chrome扩展程序中的选项卡更改时的页面内容

来自分类Dev

Chrome 扩展程序 - 在当前选项卡的 popup.html 中激活脚本

来自分类Dev

关闭Chrome扩展程序选项

来自分类Dev

动态引导程序活动选项卡

来自分类Dev

样式引导程序活动选项卡

来自分类Dev

Chrome 扩展程序:如何通过单击 html 弹出窗口中的按钮在新选项卡中打开指定链接?

来自分类Dev

Chrome扩展程序:webRequest重定向到现有选项卡,而无需打开新选项卡

来自分类Dev

Chrome扩展程序:webRequest重定向到现有选项卡,而无需打开新选项卡

来自分类Dev

Chrome扩展程序可将多个选项卡移动到新窗口

来自分类Dev

Chrome扩展程序:在当前选项卡上进行事件监听

来自分类Dev

Chrome扩展程序-在选项卡上定义的调用功能(参考错误)

来自分类Dev

Google Chrome扩展程序在弹出窗口和选项卡之间进行对话

来自分类Dev

如何在开发(解包)时在所有选项卡上提供 Chrome 扩展程序?

来自分类Dev

仅在 Chrome 扩展程序的特定选项卡上注入 JS

来自分类Dev

扩展片段的类中的选项卡

来自分类Dev

扩展片段的类中的选项卡

来自分类Dev

如何从引导程序中的另一个页面激活动态选项卡?

来自分类Dev

使用引导程序 4 选项卡时将活动类存储在本地存储中

来自分类Dev

在Chrome扩展程序中打开(导入)文件

Related 相关文章

  1. 1

    Chrome扩展程序:选项卡上的executeScript

  2. 2

    Chrome扩展程序:Javascript注入到活动选项卡

  3. 3

    如何在Chrome扩展程序中的后台消息侦听器中检索活动选项卡?

  4. 4

    Chrome扩展程序选项

  5. 5

    JavaScript在非活动的Android Chrome选项卡中暂停

  6. 6

    是否可以通过chrome扩展与非活动选项卡中的内容元素进行交互?

  7. 7

    突出显示引导程序 3 中的活动选项卡

  8. 8

    Chrome扩展程序中的所有选项卡中设置切换开关状态

  9. 9

    Chrome扩展程序-找出扩展程序选项卡是否打开

  10. 10

    Chrome扩展程序仅在当前选项卡中更改用户代理

  11. 11

    chrome扩展程序中的选项卡更改时的页面内容

  12. 12

    Chrome 扩展程序 - 在当前选项卡的 popup.html 中激活脚本

  13. 13

    关闭Chrome扩展程序选项

  14. 14

    动态引导程序活动选项卡

  15. 15

    样式引导程序活动选项卡

  16. 16

    Chrome 扩展程序:如何通过单击 html 弹出窗口中的按钮在新选项卡中打开指定链接?

  17. 17

    Chrome扩展程序:webRequest重定向到现有选项卡,而无需打开新选项卡

  18. 18

    Chrome扩展程序:webRequest重定向到现有选项卡,而无需打开新选项卡

  19. 19

    Chrome扩展程序可将多个选项卡移动到新窗口

  20. 20

    Chrome扩展程序:在当前选项卡上进行事件监听

  21. 21

    Chrome扩展程序-在选项卡上定义的调用功能(参考错误)

  22. 22

    Google Chrome扩展程序在弹出窗口和选项卡之间进行对话

  23. 23

    如何在开发(解包)时在所有选项卡上提供 Chrome 扩展程序?

  24. 24

    仅在 Chrome 扩展程序的特定选项卡上注入 JS

  25. 25

    扩展片段的类中的选项卡

  26. 26

    扩展片段的类中的选项卡

  27. 27

    如何从引导程序中的另一个页面激活动态选项卡?

  28. 28

    使用引导程序 4 选项卡时将活动类存储在本地存储中

  29. 29

    在Chrome扩展程序中打开(导入)文件

热门标签

归档