less.js輸出css如何查看

小編給大家分享一下less.js輸出css如何查看，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業 ”的價值觀，專業網站建設服務10余年為成都白烏魚小微創業公司專業提供企業網站制作營銷網站建設商城網站建設手機網站建設小程序網站建設網站改版，從內容策劃、視覺設計、底層架構、網頁布局、功能開發迭代于一體的高端網站建設服務。

less.js輸出css的查看方法：首先新建一個HTML文檔，并引入less.js和main.less文件；然后打開瀏覽器進行訪問；最后按F12打開【開發者工具】，并選取對應的DOM元素即可在右側看見編譯后的css代碼。

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

@width: 100px;
@height: 200px;
.app{
    width: @width;
    height: @height;
    background: skyblue;
}

注：link標簽的rel屬性，改成stylesheet/less

2、然后打開瀏覽器進行訪問，按F12打開開發者工具，選取對應的DOM元素，即可在右側看見編譯后的css代碼

less.js輸出css如何查看

注：需要將index.html、main.less、less.js文件放在web服務器中才能運行（我們可以使用相關軟件搭建本地web環境，推薦phpStudy V8）

以上是“less.js輸出css如何查看”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

網頁題目：less.js輸出css如何查看
鏈接分享：http://www.js-pz168.com/article26/pojcjg.html

成都網站建設公司_創新互聯，為您提供靜態網站、微信公眾號、App開發、定制網站、網站排名、Google

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

久久99久久人婷婷精品综合_超碰aⅴ人人做人人爽欧美_亚洲电影第三页_日韩欧美一中文字暮专区_波多野结衣的一区二区三区_婷婷在线播放_人人视频精品_国产精品日韩精品欧美精品_亚洲免费黄色_欧美性猛交xxxxxxxx

less.js輸出css如何查看