Less.js ne fonctionne pas dans Chrome : est-ce un problème de protocole de fichier ?

Less.js ne fonctionne pas dans Chrome : est-ce une erreur ?

Vous avez découvert une divergence apparente dans les fonctionnalités de Less.js dans différents navigateurs. Bien qu'il fonctionne de manière transparente dans Firefox, vous rencontrez des problèmes dans Chrome. Avant de supposer une erreur de votre part, examinons le problème et sa cause potentielle.

Implémentation deless.js

Votre extrait de code inclut le CSS et Less.js nécessaires scripts. Vous avez défini Less variables et les avez implémentées dans des éléments tels que .grad et html. Cependant, malgré la syntaxe valide, il ne fonctionne pas dans Chrome.

Limitation du protocole de fichier de Chrome

Un détail important à prendre en compte est le chemin d'accès à votre page HTML. S'il commence par « file:/// », Less.js ne s'exécutera pas correctement dans Chrome. Cela est dû à un problème connu lié à la gestion du protocole de fichier par Chrome. Chrome empêche le chargement des scripts en ligne et des ressources externes à partir du système de fichiers local, qui inclut Less.js.

Impact du chemin d'accès au fichier local

Le chemin d'accès à votre HTML La page joue un rôle crucial dans le fonctionnement de Less.js. La limitation du protocole de fichier de Chrome empêche Less.js de fonctionner correctement lorsque la page est accessible localement. Cela peut fonctionner dans Firefox car Firefox gère le protocole de fichier différemment.

Solution

Pour résoudre le problème, vous pouvez soit héberger votre page sur un serveur Web, soit utiliser un outil de développement qui permet le chargement de scripts en ligne et de ressources externes à partir du système de fichiers local. Vous pouvez également envisager d'utiliser un autre préprocesseur CSS prenant en charge le développement de fichiers locaux.

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!