how to setup less using only js

问题

I have an html like this all I have included all the files in to my folder. I tried to add some 'less' css attributes in to my main.css file but it is not reflecting in my browser I have added like this. p{color:red;} Any help will be really appreciated.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Less Learning</title>
        <link rel="stylesheet/less" href="css/main.less"
        type="text/css" />
        <script src="less/less-1.4.1.min.js"></script>
    </head>

    <body>
        <p>asdasdasd</p>
    </body>

</html>

回答1:

You still can use less.js with local test files, see for example: less.js not working in chrome

In summary:

For Webkit-based browsers (Chrome, Safari, Opera15+) use -allow-file-access-from-files command line option
For Opera12 set "Allow File XMLHttpRequest" config flag
Firefox should work w/o any special settings.

回答2:

Check it in latest browsers like IE10, Firefox,chrome etc., If it is still not working upload the file into the FTP server or configure the site in IIS server.

来源：https://stackoverflow.com/questions/18529733/how-to-setup-less-using-only-js

标签

javascript

jquery

css

less

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!