Pourquoi ne puis-je pas accéder aux règles CSS à partir de fichiers locaux dans Chrome 64 ?

Impossible d'accéder aux règles CSS à partir d'un fichier CSS local dans Chrome 64 : un cas de CORS et de sécurité

Alors que Chrome 64 impose un partage de ressources multi-origines plus strict (CORS), les développeurs sont désormais confrontés à des restrictions pour accéder aux règles CSS à partir de fichiers CSS locaux. Ce problème vient de l'incongruité entre la position récente de Chrome et les pratiques jugées acceptables par d'autres navigateurs.

Le problème

Le problème survient lors de la tentative d'accès au CSS règles d'une feuille de style chargée depuis le système de fichiers local. Cette action déclenche une erreur CORS en raison de la différence d'origine de sécurité entre le document HTML et le fichier CSS. Dans Chrome 64 et les versions ultérieures, ce comportement a été mis en conformité avec les stipulations énoncées dans la spécification CSS Object Model (CSSOM).

Solutions

Pour contourner Pour résoudre ce problème, les développeurs ont utilisé diverses solutions :

• Le déploiement du site Web ou son test local à l'aide d'un serveur de développement permet au navigateur de le traiter comme ayant la même origine que le fichier CSS, satisfaisant ainsi la politique CORS. .
• Utiliser des navigateurs alternatifs comme Internet Explorer, Microsoft Edge ou Firefox, qui n'ont pas encore mis en œuvre l'application plus stricte de CORS pour les règles CSS.
• Invoquer Chrome avec --allow-file- indicateur d'accès à partir des fichiers, qui désactive temporairement la politique CORS plus stricte et autorise l'accès aux informations sur les règles CSS locales.

TL;DR

Les développeurs doivent s'appuyer sur des serveurs de développement locaux ou des navigateurs alternatifs pour accéder aux règles CSS à partir de fichiers CSS locaux tout en adhérant aux nouvelles mesures de sécurité mises en œuvre dans Chrome 64. Cette limitation souligne l'importance des politiques de même origine et la nécessité de pratiques de développement Web sécurisées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!