less.js ne fonctionne pas en chrome

StackOverflow https://stackoverflow.com/questions/3084892

  •  28-09-2019
  •  | 
  •  

Question

Je remarque que less.js travaille dans Firefox, mais pas dans Chrome, ou est-ce parce que je fait une erreur? 

<link rel="stylesheet/less" href="css/style.less" />
<script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>

@highlight: #cb1e16;
@shade1: #cb1e16;
@tone1: #5c6f7d;
@grad1: #e6edf3;
@grad2: #8a8d92;
@text1: #333e44;

header, footer, section, article, nav, aside { display: block; }

.grad {
  background: @grad2;
  background: -moz-linear-gradient(top, @grad1, @grad2 1200px);
  background: -webkit-gradient(linear, 0 0, 0 1200, from(#e6edf3), to(#8a8d92));
}

html {
  .grad;
  min-height: 100%;
}

même si j'essaie html { background: red; } il ne fonctionne toujours pas en chrome suis-je fait une erreur quelque part de?

Était-ce utile?

La solution

À partir du lien que vous avez fourni: Less.js script du navigateur actuellement ne fonctionnera pas si vous utilisez Chrome et le chemin vers votre page commence par « file: /// » en raison d'un problème connu Chrome.

Autres conseils

Le lithium est correct, il y a un problème Chrome connu avec le chargement des fichiers javascript locaux. Ceci est une sécurité « fonctionnalité » dans Chrome. Il existe deux solutions de contournement que je connais:

  1. Développez vos projets locaux avec un serveur Web. Vous pouvez installer et utiliser Apache très facilement, mais prend un peu de patience configuration. Si vous êtes sous Windows, vous pouvez être en mesure d'installer IIS. Lorsque vous faites cela, au lieu de double-cliquer sur un fichier HTML, vous accédez à partir de http: // localhost /

  2. Ajoutez le commutateur de ligne de commande -allow-file-access-from-files à votre raccourci et Chrome vous permet de charger LESS.JS sans rechigner.

Je suis tenté de parler en utilisant une version différente du convertisseur moins, comme la version lessc rubis, ou l'un des ports à PHP ou .NET, mais less.js est plus courant, et je pense que vous devriez garder avec il.

Dans le cas où quelqu'un d'autre a besoin jamais une solution rapide pour ce sous Mac OS X (testé sur Lion)

"Walkthrough pour les nuls"

Spécial thx Lithium , Nathan STRUTZ + les gars de ce post sur Superuser

Créer un AppleScript

Apple Script Editor

avec commande suivante 

do shell script "/Applications/Google\\ Chrome.app/Contents/MacOS/Google\\ Chrome-allow-file-access-from-files"

AppleScript

puis sur Enregistrer sous application

Enregistrer sous Application

( Je mets cela dans mon dock et a ajouté une icône Chrome alternative pour l'accès rapide )

ajouter au Dock

IMPORTANT: Chrome doit être fermé pour que ce Script (App) au travail.

En fait, contrairement à la réponse acceptée ceci fonctionne bien. Je suis sur Chrome 19, Mac OS X, le contexte est une extension Chrome. J'ai vécu la même question. J'ai commencé à expérimenter différentes façons d'inclure, déconnectant texte dans le rel, le type href et ainsi de suite.

Cela fonctionne, la clé est href = "css / styles.css (utilisation Css, non .Moins): 

<link rel="stylesheet/less" type="text/css" href="css/styles.css" />
<script src="libs/less-1.3.0.min.js" type="text/javascript"></script>

Les styles sont bien appliqués et la console JavaScript Chrome a ceci à dire (un peu dépouillé pour plus de clarté): 

less: parsed /css/styles.css successfully. less-1.3.0.min.js:8
less: css generated in 33ms

Je sais que l'un ne sont pas censés utiliser compilé côté client CSS, mais dans le contexte d'une extension Chrome il n'y a pas d'autre alternative que CSS régulière (beurk). Vous ne pouvez pas demander la feuille de style à partir d'un serveur, soit parce que le client sera déconnecté de temps en temps.

Je vous recommande d'utiliser un vesion compilé du fichier MOINS. Vous pouvez le faire par exemple dans les fenêtres avec ou sans victoire SimpLESS.

J'utilise sans victoire. Il compile automatiquement mes fichiers .css quand je sauvegarde mon code.

Vous devez également exécuter votre exemple sur un serveur Web comme IIS / tomcat / Jboss

J'espère que cela aide

Modification de la balise de lien vers quelque chose comme ça fera fonctionner avec un navigateur uniquement si vous n'êtes pas utiliser la syntaxe moins dans le fichier: 

<link rel="stylesheet" type="text/less" href="css/styles.less" />

Alors, pourquoi voulez-vous utiliser un simple dans un css fichier moins? Aucune idée, mais si vous le savez.

J'ai trouvé cette petite application est très utile pour contourner le fichier: // problème: Anvil pour Mac. Une minute et il est en cours d'exécution UPP et autant de sites que vous aimez à travers les URL comme http://myapp.dev .

http://anvilformac.com/

Si vous ne souhaitez pas utiliser -Permettre-file-access-from-fichiers ou exécuter WAMP, lampe, etc. ou vous pouvez utiliser cette extension, il m'a beaucoup aidé. le lien

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top