為什麼我注入的 CSS 沒有應用到我的內容腳本？

對內容腳本中的 CSS 注入失敗進行故障排除

在內容腳本中，注入 CSS 有時可能具有挑戰性。讓我們深入研究一個常見問題，即註入的 CSS 無法出現在網頁上。

問題陳述：

使用者在註入CSS 檔案（「myStyles」）時遇到問題.css") 透過內容腳本，儘管將其包含在manifest. json文件的「css」陣列中。 🎜>可能的原因：

即使注入了樣式表，也可能由於以下因素而無法應用：

{
  "content_scripts": [
    {
        "matches": [ "http://*/*", "https://*/*", "file:///*/*"],
        "css": ["myStyles.css"],
        "js": ["myScript.js"],
        "all_frames": true
    }
  ]
}

CSS 規則衝突：網頁上的其他樣式可能會覆蓋注入的CSS規則。 🎜>1。先級。 css」中的每個CSS規則以強制其應用。

3.透過內容腳本注入CSS
• 或者，透過「myScript.js」中的JavaScript動態注入CSS：

清單修改：

確保「web_accessible_resources」鍵包含在manifest.json（對於清單版本2）中，允許從非擴充頁面存取「myStyles.css」檔案。有效解決CSS 注入失敗的問題，並確保注入的樣式能如預期地套用。

以上是為什麼我注入的 CSS 沒有應用到我的內容腳本？的詳細內容。更多資訊請關注PHP中文網其他相關文章！