如何在HTML標記中使用chrome.extension.geturl（）方法？

我想從擴展中加載本地圖像。我編寫下面的代碼來加載圖像。但它無法加載圖像。如何在HTML標記中使用chrome.extension.geturl（）方法？

$('.aAU').append('<div id="DivScroll"><img id="imgSlider" width="25px" src=chrome.extension.getURL("images/slider.png") /></div>');

該文件也存在於該位置。

當我使用的開發工具它顯示img標記如下

<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">

如果使用靜態路徑，如下則顯示該圖像

<img id="imgSlider" src="chrome-extension://ccpdgakpdgiklccnpnihmidbjnacgkch/images/slider.png">

提供任何解決方案中使用chrome.extension.getURL()方法在HTML標籤。

來源

2013-02-11 Arjun Vachhani

登記清單文件的資源通過URL chrome-extension://[PACKAGE ID]/[PATH]，可與chrome.extension.getURL方法來產生如下

{ 
    ... 
"web_accessible_resources": [ 
    "images/my-awesome-image1.png", 
    "images/my-amazing-icon1.png", 
    "style/double-rainbow.css", 
    "script/double-rainbow.js" 
    ], 
    ... 
}

然後，這些資源將在一個網頁上提供顯示。

你嘗試通過Java腳本SRC設置爲下面的代碼，而不是

<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">

來源

2013-02-12 11:56:54 Sudarshan

'<img id="imgSlider" width="25px" src='+chrome.extension.getURL("images/slider.png")+' />'

試試這個它應該做的伎倆

來源

2014-09-08 10:57:57

如何在HTML標記中使用chrome.extension.geturl（）方法？

回答

相關問題