簡體   English   中英

如何獲得編譯的LESS代碼?

[英]How do I get compiled LESS code?

我正在使用less.js進行開發,並且想知道如何獲得實時網站的已編譯CSS代碼。

我看過源代碼,顯然它僅引用此文件<link type="text/css" rel="stylesheet/less" href="css/test.less">

有幾種方法可以獲取生成的CSS

CSS文件的片段

您可以在瀏覽器中查看css,將無法獲取完整的生成文件,但可以看到每個元素的樣式

  • Chrome和Safari
    • 右鍵單擊頁面上的任意位置,然后單擊Inspect Element
  • IE9 +
    • 按F12
  • 火狐瀏覽器
    • 右鍵單擊頁面上的任意位置,然后單擊Inspect Element

生成完整的CSS文件

港口


更新資料

@crashdesk建議使用適用於Chrome的Web開發人員擴展。
您可以在瀏覽器中查看整個文件。 安裝后,單擊圖標,然后單擊“ CSS”,然后單擊“查看CSS”。

手動執行此操作的方法只是查看HTML文件中生成的源,然后復制已編譯的CSS源。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM