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

Don*_*ant 3 dom contextmenu google-chrome-extension

作为标题,如何将修改应用于另一个页面,与背景不同?

表现:

{
    "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"
    }
}
Run Code Online (Sandbox Code Playgroud)

背景页面:

<!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>
Run Code Online (Sandbox Code Playgroud)

Ala*_*air 10

我强烈建议您阅读有关内容脚本消息传递的内容,因为解决方案涉及这两种技术的组合.

我可以使用这些技术快速解决你的问题,但是你可能会因为没有研究这些页面而陷入困境.但是,我会给你一个基本的例子流程;

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