Браузер для отладки less, как правильно?

Здравствуйте! Как правильно отлаживать верстку с less в браузере?
Подключаю 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 состоит из нескольких файлов (привычка из css)
import url(main.less);
import url(menu.less);
import url(typographyc.less);
import url(gallery.less);
import url(widgets.less);
import url(media.less);

Хром выдает ошибку - 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.

Поэтому работаю в Firefox, однако в firebug показывается например html(255) строка, ни каких less файлов.

Есть несколько вопросов
- как правильно отладить в Хроме (если такая возможность есть)?
- правильно ли разбивать less на несколько частей (для меня удобство, когда не надо туда сюда вверх вниз крутить и править код)?
- или просто советы. Заранее спасибо.