Question

作为标题，如何将修改应用于其他页面，与背景不同？

清单：

{
    "name": "First Extension",
    "version": "1.0",
    "description": "The first extensione tha I made",
    "permissions":["contextMenus", "tabs", "http://localhost/CreativaIly/*"],
    "background_page": "background_page.html",
    "browser_action":{ 
                        "name": "My First Extension!",
                        "default_icon": "Chrome_icon32bn.png",
                        /*"default_popup": "popup.html",*/
                        "default_title": "My First Extension!"
    },
    "icons": {
                "16": "Chrome_icon19color.png",
                "48": "Chrome_icon32color.png",
                "128": "Chrome_icon.png"
    }
}

背景页面：

<!doctype html>
<html>
  <head>
    <title>Background Page</title>
    <script type="text/javascript" src="mootools-core-1.4.2-full-compat.js"></script>
    <script src="script.js" type="text/javascript" ></script>
  </head>
  <body>
  </body>
</html>

Answer 1

我强烈建议您阅读content scripts和message passing，因为解决方案涉及这两种技术的结合。

我可以使用这些技术快速解决您的问题，但是您可能会因为没有研究这些页面而陷入陷阱。但是，我将给你一个基本的示例流程;

设置清单，以便在chrome.extension.onRequest被解雇时以所需方式操作DOM的所有页面中插入内容脚本
创建context menu并收听点击事件
触发onclick时抓取tab.id并使用它来拨打chrome.tabs.sendRequest

它比最初出现的要简单得多。

Chrome扩展程序：如何使用contextMenus修改确定页面的DOM？

1 个答案: