css - 我如何获得编译的 LESS 代码？

Question

我正在使用 less.js 进行开发，并且想知道如何为实时站点获取编译后的 css 代码。

我查看了源代码，显然它只引用了这个文件 <link type="text/css" rel="stylesheet/less" href="css/test.less"> .

Answer 1

有几个选项可以获取生成的css

css文件片段

您可以在浏览器中查看 css，您将无法获得完整的生成文件，但您可以看到每个单独元素的样式

• Chrome 和 Safari
  • 右键单击页面上的任意位置，然后单击 Inspect Element
• IE9+
  • 按 F12
• 火狐
  • 右键单击页面上的任意位置，然后单击 Inspect Element

生成完整的css文件

• window
  • > Winless
• 操作系统
  • > Simpless
  • > Less.app

端口

• > dotless (windows - .NET/linux - 单声道)
• > lessphp

---

更新

@crashdesk suggested Web Developer Chrome 扩展程序。
您可以在浏览器中查看整个文件。安装后，单击图标，然后单击“CSS”，然后单击“查看 CSS”。