내 Chrome 확장 프로그램에서 CSS를 사용하여 로컬 이미지를 로드할 수 없는 이유는 무엇입니까?

Google Chrome 확장 프로그램에서 CSS를 사용하여 로컬 이미지를 로드할 수 없습니다

질문:

A 개발자는 Chrome 확장 프로그램 내에 압축되었음에도 불구하고 CSS를 사용하여 로컬 이미지를 로드할 수 없는 문제를 겪고 있습니다. 확장 프로그램.

답변:

Chrome 확장 프로그램에서는 chrome-extension:// 프로토콜과 확장 프로그램의 ID 및 경로를 사용하여 이미지를 로드할 수 있습니다. 영상. 이미지는 확장 프로그램 매니페스트 파일의 web_accessible_resources 섹션에도 나열되어야 합니다.

다음은 로컬 이미지를 올바르게 로드하는 CSS 규칙의 예입니다.

body {
    background-image: url('chrome-extension://__MSG_@@extension_id__/images/main.png') !important;
    background-repeat: repeat !important;
}

이는 이미지가 위치한다고 가정합니다. 확장 프로그램 내의 "images" 폴더에 있으며 매니페스트에서 다음과 같이 선언되었습니다.

"web_accessible_resources": ["images/main.png"]

By 이 접근 방식을 따르면 CSS를 사용하여 Google Chrome 확장 프로그램에 로컬 이미지를 성공적으로 로드할 수 있습니다.

위 내용은 내 Chrome 확장 프로그램에서 CSS를 사용하여 로컬 이미지를 로드할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!