{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 一夜七次 的问题《LESS CSS minimal setup failure》','https://www.manongdao.com/q-550648.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Looking at the quick start on the official site I wrote:
less.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet/less" type="text/css" href="style.less" />
<script src="less-1.1.3.min.js" type="text/javascript"></script>
</head>
<body>
<h1>foo</h1>
</body>
</html>
style.less
@color: red;
h1 {
color: @color;
}
both locally, and all I get is (from Google Chrome console):
XMLHttpRequest cannot load file:///home/cyrus/test/style.less. Cross origin requests are only supported for HTTP.
Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101
r
o
n
d.refresh
(anonymous function)
(anonymous function)
WORKAROUND:
This answer shows a way to overcome this:
$ google-chrome -allow-file-access-from-files
The less.js script currently doesn't work if you’re using Chrome and the path to your page starts with “file:///”.
There is also a SO question with the same info here: less.js not working in chrome
The best way to load this locally is to run the local site in xampp or wamp, which gets around all of that. You will no longer get these errors when doing this. This would be the best route for this issue.
Another way is use script from CDN. For example: http://cdnjs.com/
For me this solve that problem.