less.js输出css怎么查看？
查看less.js输出css代码的步骤：
1、首先我们新建一个HTML文档，并引入less.js和main.less文件
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet/less" href="main.less">
</head>
<body>
<div class="app">app</div>
<script src="less.min.js"></script>
</body>
</html>main.less（相关课程推荐：JS视频教程）
@width: 100px;
@height: 200px;
.app{
width: @width;
height: @height;
background: skyblue;
}注：link标签的rel属性，改成stylesheet/less
2、然后打开浏览器进行访问，按F12打开开发者工具，选取对应的DOM元素，即可在右侧看见编译后的css代码
注：需要将index.html、main.less、less.js文件放在web服务器中才能运行（我们可以使用相关软件搭建本地web环境，推荐phpStudy V8）
更多JavaScript相关技术文章，请访问JavaScript答疑栏目进行学习！
以上就是less.js输出css怎么查看？的详细内容，更多请关注0133技术站其它相关文章！
