Css 투입할 수 있는 방법을 사용하여 파일의 내용을 스크립트입니다 크롬 확장?

39 억 투입, CSS, JavaScript 에서 내 i& 개발하기 위해 노력하고 있는 내용으로 스크립트입니다.

"content_scripts": [
   {
      "matches": ["http://www.google.com/*"],
      "js": ["script.js"]
   }
],

내가 찾은 투입에 대한 CSS, 하지만 난 이와 같은 질문을 에서 수락됨 오토메이티드 코드를 사용할 때 문제가 발생했습니다. # 39 ',' s my here& 스크리프t.j스 내용:

var link = document.createElement("link");
link.href = chrome.extension.getURL("style.css");
link.type = "text/css";
link.rel = "stylesheet";
document.getElementsByTagName("head")[0].appendChild(link);

내가 이 메시지가 나타난 후 일부 페이지를 로드하십시오 콘솔이군요:

&gt. 로드형 부인하고 있다. &gt. chrome-extension://phkgaaiaakklogbhkdnpjncedlbamani/fix.css. 리소스에는 &gt. 주요 web_accessible_resources 분명한 순서로 나열될 합니다. &gt. 불러올 수 페이징에 위부의 확장자입니다.

이 문제를 해결 방법은 없나? 또는, 아마, CSS 의 JavaScript 파일을 다른 투입할 수 있는 방법은?

참고: 내가 can&, t # 39 에서 직접 스타일시트가 분명히 있습니다.

해결책

39 를 사용 권한을 현장, manifest& 추가할 수 있다. 참조 web_accessible_resources. 분명히 이 추가 얻으실 수 있습니다.

    , "web_accessible_resources": [
        "fix.css"
    ]
  • 참조 [&quot, 프로그램 injection"] [2]. ['제레르크스 ()'] 및 [3].

대부분의 응용 프로그램에 대한 모든 것을 잊고 크리틸망 추가하기만 '' 코드 및 CSS 파일이 분명히:

"content_scripts": [
   {
      "matches":    ["http://www.google.com/*"],
      "css":        ["fix.css"],
      "js":         ["script.js"]
   }
],

39, 그렇게 할 수 있는 것을 알고 있지만 이처럼 정확한 인스턴스입니다 don& 싶지 않다.

[2]: https://developer.chrome.com/extensions/content_scripts # pi [3]: https://developer.chrome.com/extensions/tabs # 제레르크스 방법

해설 (10)