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-access-from-files フラグを使用して Chrome を起動すると、より厳格な CORS ポリシーと、ローカル CSS ルール情報へのアクセス。

TL;DR

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

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