無法在Google Chrome 擴充功能中使用CSS 載入本機圖片
對於透過Chrome 擴充功能中的內容腳本進行網站修改,請嘗試時可能會出現困難利用本地影像。儘管將圖像合併到擴展中,此問題仍然存在。
挑戰源自於用於引用本地影像的特定CSS 語法:
body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; }
解決方案
為了解決此限制,Chrome i18n 支援提供了一個關鍵的解決方案:
background-image:url('chrome-extension://__MSG_@@extension_id__/images/main.png');
確保圖像包含在manifest.json 檔案的「web_accessible_resources」數組中,該數組授予從擴充程式存取這些資源的權限。
以上是如何在Chrome擴充功能中使用CSS載入本機圖片?的詳細內容。更多資訊請關注PHP中文網其他相關文章!