首頁 > web前端 > css教學 > 主體

為什麼我無法使用擴充內容腳本將 CSS 注入網頁?

DDD
發布: 2024-11-11 05:02:03
原創
583 人瀏覽過

Why Am I Unable to Inject CSS into Webpages Using Content Scripts for Extensions?

擴充內容腳本中的CSS 注入問題

儘管在清單中定義了CSS 注入,但您的CSS 檔案在網頁中仍然不存在。以下是可能的原因和解決方案:

原因: CSS規則衝突

樣式表已註入,但由於其他樣式覆蓋其樣式而未應用

解決方案:

  • 增加CSS 特異性: 在CSS 規則中加入更多特定選擇器。
  • 使用 "!important": 每個規則後綴為「!important」覆蓋現有樣式。

原因:內容腳本注入限制

Manifest 版本 3 限制內容腳本直接注入 CSS。

解:透過內容腳本注入CSS如下:

myScript.js:

manifest.json:

注意:使用 Manifest 版本 2 時,需要「web_accessible_resources」金鑰才能允許從非擴充頁面存取 CSS 檔案。

以上是為什麼我無法使用擴充內容腳本將 CSS 注入網頁?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板