將圖片的src設置爲Chrome的擴展程序存儲文件？

這是一個顯示我的問題的例子。將圖片的src設置爲Chrome的擴展程序存儲文件？

我正在寫一個Chrome擴展，應該在谷歌主頁（google.com）中取代谷歌的標誌。所以，我創建了一個內容腳本，使用該JavaScript + jQuery代碼做到這一點（請放棄谷歌塗鴉！）：

$("#hplogo").attr("src","the_address");

此內容腳本https://*.google.com/其中包含谷歌的主頁匹配。

好的。如果我在地址上放置了一個上傳到互聯網上的圖像地址，該擴展程序正常工作，並給出了理想的結果。

但是由於我不希望我的擴展爲緩慢連接加載時間太長，我將把圖像的src設置爲硬盤上的文件。

因此，我把圖像文件擴展名的文件夾，然後我嘗試文件名（例如：image1.gif）作爲the_address，但這次，鉻不加載圖像。

我該怎麼辦？多謝你們。

來源

2012-09-22 Mostafa Farzán

由於顯而易見的原因，圖像不會加載，我認爲它仍然使用頁面的域名。您可能需要使用['chrome.extension.getURL']（http://developer.chrome.com/extensions/extension.html#method-getURL），它允許您鏈接來自擴展目錄的資源 – Alexander

是的，您對了。我能做到這一點。謝謝。爲什麼你沒有把它作爲答案？ –

也許你已經在使用'chrome.extension.getURL'了，沒有你提供更多的代碼就沒有辦法知道。那麼，它是 – Alexander

由於顯而易見的原因，圖像不會加載，我認爲它仍然使用網頁的域名。您可能需要使用chrome.extension.getURL，它允許您鏈接來自擴展目錄的資源。

來源

2012-09-22 12:26:10 Alexander

不要忘記通過將源代碼添加到['web_accessible_resources']（http://developer.chrome.com/extensions/manifest.html# web_accessible_resources）條目清單文件中。 –

將圖片的src設置爲Chrome的擴展程序存儲文件？

回答

相關問題