1
我目前正在玩Chrome擴展開發。我喜歡貓,我試圖用貓的圖像替換使用img
標籤的網站上的圖像(來源:我的插件,「圖像」文件夾)。我不太確定自己做錯了什麼,但圖像沒有顯示(當它找不到圖像的路徑時,顯示正在顯示的「破碎」圖標)。Chrome插件替換圖片
這是我的JS文件:
$(document).ready(function() {
$("div").append('HI THIS IS DOG'); //added this as test and it works - DOGS EVERYWHERE
var cat = chrome.extension.getURL("cat.jpg");
$('img').each(function(index, image){ //this produces "broken" icon
$(image).attr('src', cat);
});
});
這是我的清單:
{
"manifest_version": 2,
"name": "I love cats",
"version": "1",
"description": "My life is complete, cats everywhere!",
"browser_action": {
"name": "I love cats",
"icons": ["icon.png"],
"default_icon": "icon.png"
},
"content_scripts": [ {
"css": ["basic.css"],
"js": [ "jquery-1.12.0.min.js", "contentscript.js" ],
"matches": [ "http://*/*", "https://*/*"]
}]
}
難道我像生活在不正確的地方?或者我需要以某種方式將它添加到清單中?我嘗試使用PNG,但我不認爲它有任何區別。
您可以將資源添加到清單,但最重要的部分是獲取圖像權限的URI,而您沒有。 – adeneo
@adeneo這不完全是你給出的建設性評論。請你詳細說明什麼是錯的,以及如何解決它?所以我們都學習?謝謝! – arkascha
@arkascha - 顯然URL是錯誤的,在那個位置沒有'cat.jpg'。該圖像的正確位置是什麼,只有OP知道,我不可能知道這一點? – adeneo