使用chrome擴展名修改已加載頁面的HTML

Question

如果頁面標題包含特定文本，如何將HTML代碼添加到加載頁面？

Chrome擴展程序是我的新理由，您的幫助將不勝感激。

Answer 1

參考文獻：

• Content Scripts
• Manifest File

你可以採取下面的代碼添加一些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頁

// 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

一個微不足道的腳本你看到一個按鈕添加到所需的頁面