当您想在需要时而不是在服务器端动态编译Less文件时，在浏览器中使用Less。这是因为less是一个很大的javascript文件。

首先，我们需要添加LESS脚本以在浏览器中使用LESS-

要在页面上找到样式标签，我们需要在页面上添加以下行。它还使用已编译的CSS创建样式标签。

设定选项

在script标记之前，可以通过编程方式在次要对象上设置选项。它将影响less和初始链接标记的所有编程用法。

例如，我们可以将option设置如下-

我们还可以在脚本标签上以其他格式设置选项，如下所示：

您也可以将这些选项添加到链接标签。

属性选项需要考虑的要点是-

• window.less <脚本标记<链接标记是重要性级别。
• 数据属性不能以驼峰形式写入；链接标记选项表示为时间选项。
• 具有非字符串值的数据属性应为JSON有效。

观看模式

可以通过将env选项设置为development并在添加less.js文件之后调用less.watch()来启用监视模式。如果您希望临时启用监视模式，请在URL中添加＃！watch 。

修改变量

启用了LESS变量的运行时修改。调用新值时，将重新编译LESS文件。以下代码显示了修改变量的基本用法-

less.modifyVars({
   '@buttonFace': '#eee',
   '@buttonText': '#fff'
});

调试

我们可以如上所述将选项！dumpLineNumbers：mediaquery添加到url或dumpLineNumbers选项中。 mediaquery选项可与FireLESS一起使用(它显示LESS生成的CSS样式的原始LESS文件名和行号。)

选件

在加载脚本文件less.js之前，必须在全局的less对象中设置选项。

• 异步-这是一个布尔类型。无论是否带有async选项，都要求导入的文件。默认情况下为false。
• dumpLineNumbers-这是一个字符串类型。在输出的CSS文件中，设置dumpLineNumbers时会添加源行信息。它有助于调试特定规则。
• env-这是一个字符串类型。该环境可以在开发或生产上运行。当文档URL以file：//开头或本地计算机中存在URL时，将自动设置开发。
• errorReporting-编译失败时，可以设置错误报告方法。
• fileAsync-这是一个布尔类型。当页面具有文件协议时，它可以请求是否异步导入。
• 函数-它是对象类型。
• logLevel-这是数字类型。它在javascript控制台中显示日志记录级别。
  • 2：信息和错误
  • 1：错误
  • 0：无
• poll-在监视模式下，两次轮询之间的时间以毫秒为单位显示。它是整数类型；默认情况下，它设置为1000。
• relativeUrls -URL调整为相对；默认情况下，此选项设置为false。这意味着URL已经相对于较少条目的文件相对。它是布尔类型。
• globalVars-将全局变量列表插入代码。字符串类型变量应包含在引号中
• ModifyVars-它不同于全局变量选项。它将声明移到less文件的末尾。
• rootpath-它在每个URL资源的开始处设置路径。
• useFileCache-使用每个会话文件缓存。较少文件中的缓存用于调用ModifyVars，其中所有较少的文件将不会再次检索。