Chrome插件替換圖片

我目前正在玩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，但我不認爲它有任何區別。

來源

2016-02-13 qwerty

您可以將資源添加到清單，但最重要的部分是獲取圖像權限的URI，而您沒有。 – adeneo

@adeneo這不完全是你給出的建設性評論。請你詳細說明什麼是錯的，以及如何解決它？所以我們都學習？謝謝！ – arkascha

@arkascha - 顯然URL是錯誤的，在那個位置沒有'cat.jpg'。該圖像的正確位置是什麼，只有OP知道，我不可能知道這一點？ – adeneo

您需要聲明資源爲web-accessible。

"web_accessible_resources": [ 
    "cat.jpg" 
    ],

來源

2016-02-13 18:49:46 Xan

謝謝您的回覆！我的插件現在工作，我看到貓到處都是:-) – qwerty

Chrome插件替換圖片

回答

相關問題