使用chrome扩展名修改已加载页面的HTML

如果页面标题包含特定的文本，如何将HTML代码添加到加载的页面？

Chrome扩展程序是我的新理由，您的帮助将不胜感激。

Answer 1

参考文献：

• 内容脚本
• 清单文件

您可以将以下代码作为添加HTML代码的参考。

manifest.json

该文件将内容脚本注册为扩展名。

 { "name":"Inject DOM", "description":"http://stackoverflow.com/questions/14068879", "version":"1", "manifest_version":2, "content_scripts": [ { "matches": ["http://www.google.co.in/*","https://www.google.co.in/*"], "js": ["myscript.js"] } ] } 

myscript.js

用于向Google页面添加button的简单脚本

 // Checking page title if (document.title.indexOf("Google") != -1) { //Creating Elements var btn = document.createElement("BUTTON") var t = document.createTextNode("CLICK ME"); btn.appendChild(t); //Appending to DOM document.body.appendChild(btn); } 

Output

你看到一个button添加到所需的页面