css - firefoxでfireLESSを有効にする方法

Question

Firefox に fireLESS をインストールした後、どのようにアクティベートすればよいですか。

firebug を使用して要素を検査しているときに、css ダイアログに .less が表示されません。

https://addons.mozilla.org/en-us/firefox/addon/fireless/

Answer 1

ここから less のパッチを適用したバージョンを持っていますか: patched version ?

そして、これはあなたに当てはまりますか？

現在のところ、LESS を開発モードとブラウザ モードで使用している場合にのみ機能します (less.env が「development」に設定されていることを確認してください)。

Answer 2

現在、lessjs のバージョン 1.6 以降の場合、パッチを適用したバージョンは必要ありません。fireless をインストールし、less.js ファイルをリンクする行の前にこれらの行を配置します。

<script>
var less = {
env:"development",
dumpLineNumbers:'mediaquery'
};
</script> 

例えば。

<link rel="stylesheet/less" href="style.less" />
<script>
var less = {
env:"development",
dumpLineNumbers:'mediaquery'
};
</script>
<script src="js/less.js"></script>

スタイルが宣言された行番号とともに、少ない CSS スタイルを確認できます。これは私にとってはうまくいきます。