Browser for debugging less, how right?

Question

Less

Hello! How to debug layout with less in a browser?
I include less
link rel="stylesheet/less" type="text/css" href="resources/css/allstyle.less"
script src="resources/js/less-1.7.4.min.js
allstyle.less consists of multiple files (css habit)
import url(main.less);
import url(menu.less);
import url(typographyc.less);
import url(gallery.less);
import url(widgets.less);
import url( media.less);
Chrome gives an error - XMLHttpRequest cannot load file:///D:/public_html/grand.ua/_tpl_old_1/resources/css/allstyle.less. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.
Therefore, I work in Firefox, however, in firebug, for example, the html (255) line is shown, nor any less files.
There are several questions
- how to properly debug in Chrome (if there is such an opportunity)?
- is it right to split less into several parts (it's a convenience for me when I don't have to twist and edit the code back and forth)?
Or just advice. Thanks in advance.

Answer 1

Customize the style build in any way you like. Generate a sourcemap and debug to your heart's content.