為什麼 Chrome 64 中的本機 CSS 檔案拒絕存取「cssRules」？

Chrome 64 中的本地CSS 檔案拒絕存取cssRules

問題：為什麼從本地檔案系統載入的CSS 樣式表在Chrome 64 中被拒絕？

原因： Chrome 64 引入了強制執行跨來源資源共享 (CORS) 策略的安全變更。從本機樣式表存取 CSS 規則違反了此策略，導致存取被拒絕。

解決方法：

1. 使用線上/本地主機託管環境: 從Web 伺服器或本地主機環境運行程式碼允許透過本地主機環境運行程式碼允許透過CORS相容通道存取CSS 檔案。
2. 使用其他瀏覽器： Internet Explorer、Microsoft 等瀏覽器Edge 和 Firefox 目前不對本機 CSS 檔案強制實施 CORS 策略。
3. 使用命令列標誌： 暫時使用命令列標誌 chrome --allow-file-access-from-files停用 CORS 強制，允許從本機檔案存取 CSS 規則。不建議一般使用此解決方法。

說明：

更新的行為符合 CSS 物件模型規範，該規範需要同源存取某些 CSS 運算。此安全措施可防止未經授權的跨來源樣式表修改。

目前狀態：

引入的安全變更引發了一些爭論。未解決的問題包括限制存取的檢測方法以及影響解決方法的潛在實施問題。該規範仍在開發中，因此長期影響可能會有所不同。

以上是為什麼 Chrome 64 中的本機 CSS 檔案拒絕存取「cssRules」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！