Chrome 64 でローカル ファイルから CSS ルールにアクセスできないのはなぜですか?

Chrome 64 でローカル CSS ファイルから CSS ルールにアクセスできない: CORS とセキュリティのケース

Chrome 64 ではより厳格なクロスオリジン リソース共有が強制されるため(CORS) ポリシーにより、開発者はローカル CSS ファイルから CSS ルールにアクセスする際に制限に直面するようになりました。この問題は、Chrome の最近のスタンスと、他のブラウザで許容されていると考えられる慣行との間に不一致があることが原因です。

問題

CSS にアクセスしようとすると問題が発生します。ローカル ファイル システムからロードされたスタイルシートのルール。このアクションにより、HTML ドキュメントと CSS ファイルの間でセキュリティの起源が異なるため、CORS エラーがトリガーされます。 Chrome 64 以降のバージョンでは、この動作は CSS オブジェクト モデル (CSSOM) 仕様に定められた規定に沿って行われています。

解決策

回避するにはこの問題に対して、開発者はさまざまな回避策を採用しています。

• Web サイトをデプロイするか、開発サーバーを使用してローカルでテストすると、ブラウザは Web サイトを CSS ファイルと同じ生成元を持つものとして扱うことができるため、CORS ポリシーを満たすことができます。 .
• Internet Explorer、Microsoft Edge、または Firefox などの代替ブラウザを使用しますが、CSS ルールに対する CORS の厳格な適用がまだ実装されていません。
• --allow-file- を使用して Chrome を呼び出すaccess-from-files フラグは、より厳格な CORS ポリシーとローカル CSS ルール情報へのアクセスを一時的に無効にします。

TL;DR

開発者は次のことを行う必要があります。 Chrome 64 で実装された新しいセキュリティ対策に従いながら、ローカル開発サーバーまたは代替ブラウザに依存してローカル CSS ファイルから CSS ルールにアクセスします。この制限は、同一オリジン ポリシーの重要性と安全な Web 開発実践の必要性を強調しています。

以上がChrome 64 でローカル ファイルから CSS ルールにアクセスできないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。