2013-01-25 93 views
-1

好,這就是我想要我的Chrome擴展程序做什麼:添加一段代碼到網頁:Chrome擴展

這只是一個按鈕,在角落裏,當你點擊它:o它增加了一個標籤(不想放棄主意)緊跟在body標籤之後。我不希望它像用戶編輯html一樣,我只是想要它,所以當你點擊按鈕時,它會添加一個標籤,我想知道我該如何實現這一點。 JavaScript,還是有什麼我可以用來完成這件事。或者這甚至是可能的。任何人有任何想法?

因此,基本上,如果是這樣的HTML:

<DOCTYPE! html> 
<html> 
<head> 
    <title>Some title</title> 
</head> 
<body> 
    <p>Some content</p> 
</body> 
</html> 

當你點擊按鈕比,出現這種情況:

<DOCTYPE! html> 
<html> 
<head> 
    <title>Some title</title> 
</head> 
<body> 
    <center> //or some other tag 
    <p>Some content</p> 
</body> 
</html> 
+0

如果你投下來,一定要留下評論爲什麼... – Darthg8r

+0

你真的需要更多的信息在這裏...它應該像「個性化網絡」擴展可能是你在找什麼。 – Darthg8r

回答

0

我,你應該做一個內容腳本擴展。內容腳本代碼將在頁面中運行,並且可以在頁面中隨意添加按鈕。你用.addEventListener(所有的DOM東西,沒有特定的Chrome擴展)掛一個點擊監聽器,等等。請閱讀Chrome擴展程序Content Scripts here

manifest.json應該是這樣的:

{ 
    "name": "My Extension", 
    "version": "0.1", 
    "manifest_version": 2, 
    "description": "A plain text description", 
    "default_locale": "en", 
    "content_scripts": [{ 
    "matches": ["http://*/*", "https://*/*"], 
    "js": ["yourScript.js"] 
    }], 
} 

它會在每個頁面注入yourScript.js。取決於你想做什麼,知道yourScript.js有一些Content Security Policy limitations你可以改變。

+0

我知道如何設置清單,和一些JavaScript,我只是不知道我會怎麼做在JavaScript中。 – PaulBGD

+0

好的,試試這個:http://www.w3schools.com/css/css_positioning.asp http://www.w3schools.com/css/tryit.asp?filename=trycss_position_fixed –