HTML 태그에서 chrome.extension.geturl() 메서드를 사용하려면 어떻게해야합니까?

Question

확장 프로그램에서 로컬 이미지를로드하고 싶습니다. 이미지를로드하기 위해 다음 코드를 작성합니다. 그러나 이미지를로드 할 수 없습니다.

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

파일도 해당 위치에 있습니다. I 개발자 도구를 사용할 때

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

다음과 같이

는 난에 chrome.extension.getURL() 방법을 사용하는 어떤 솔루션을 제공 한 다음 이미지

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

표시 예는 다음과 같이 고정 경로를 사용하는 경우 IMG 태그를 도시 HTML 태그. chrome.extension.getURL 방법으로 생성 할 수있는 URL chrome-extension://[PACKAGE ID]/[PATH]를 통해 여기

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

이러한 리소스는 다음 웹 페이지에서 사용할 수있는 것 같이

Answer 1

는 자원은 매니페스트 파일에 등록되어 있습니다.

은 당신이 트릭을 어떻게해야 이것을 시도

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

Answer 2

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

대신 자바 스크립트를 통해 다음과 같은 코드를 SRC를 설정하려고 했