Chrome 64 でローカル CSS ファイルから「cssRules」へのアクセスが拒否されるのはなぜですか?

Chrome 64 のローカル CSS ファイルから cssRules へのアクセスが拒否される

問題:ローカル ファイル システムから読み込まれた CSS スタイルシートが Chrome 64 で拒否されました?

原因: Chrome 64 では、Cross-Origin Resource Sharing (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 中国語 Web サイトの他の関連記事を参照してください。