0

I am using less.js for development and was wondering how I get the compiled css code for a live site.

I have looked at the source code and obviously it references only this file <link type="text/css" rel="stylesheet/less" href="css/test.less">.

thirtydot
  • 224,678
  • 48
  • 389
  • 349
Crashdesk
  • 665
  • 8
  • 27
  • possible duplicate of [How to show the compiled css from a .less file in the browser? ](http://stackoverflow.com/questions/9798122/how-to-show-the-compiled-css-from-a-less-file-in-the-browser) – Anders Abel Jun 09 '12 at 21:53

2 Answers2

0

There are several options to get the generated css

Fragment of css file

You can view the css in the browser, you will won't be able to get the full generated file, but you can see how each individual element is styled

  • Chrome & Safari
    • Right click anywhere on page and click Inspect Element
  • IE9+
    • Press F12
  • Firefox
    • Right click anywhere on page and click Inspect Element

Generate full css file

Ports

Update

@crashdesk suggested the Web Developer extension for Chrome.
You can view the whole file in the browser. After installing, click on the icon, then 'CSS', then 'View CSS'.

Community
  • 1
  • 1
FarFigNewton
  • 7,108
  • 13
  • 50
  • 77
  • Do they have the code completion feature ? That's a big issue for me when searching for a text editor. I've been using Pycharm and recently found that it has code complete with less files as well. – Pablo Rincon Jun 07 '12 at 19:56
  • I will use Simpless I think. No way I am going through all elements to get the css :-) – Crashdesk Jun 07 '12 at 21:44
  • @Crashdesk That would be a nightmare, just thought I would throw out all available options. – FarFigNewton Jun 07 '12 at 21:45
  • 1
    @guanome found out that I can just use the web developer extension on google chrome...just click 'View CSS' and job done. Hope this helps someone else. – Crashdesk Jun 09 '12 at 12:59
0

A manual way of doing it is just viewing the generated source from your HTML file and copying the compiled CSS source.

Pablo Rincon
  • 999
  • 10
  • 23