Javascript 如何手动读取CSS文件

Javascript 如何手动读取CSS文件,javascript,css,Javascript,Css,我希望读取无效的CSS值,例如“left:50%-@@this.width;”但当然,浏览器在加载时会将无效的CSS剥离出来,因此在加载CSS之前解析CSS似乎是唯一的方法 现在我能看到的唯一解决方案是扫描所有链接和脚本标记,然后对链接的href发出ajax请求。这感觉很草率,我觉得一定有更简单的方法。如果您能以更简单的方式获得原始css,我们将不胜感激 我知道lesscs的功能与我试图实现的功能类似,但我需要一个无库的解决方案。您可以使用ajax请求从服务器获取原始css(假设它位于从中获取J

我希望读取无效的CSS值,例如“left:50%-@@this.width;”但当然,浏览器在加载时会将无效的CSS剥离出来,因此在加载CSS之前解析CSS似乎是唯一的方法

现在我能看到的唯一解决方案是扫描所有链接和脚本标记,然后对链接的href发出ajax请求。这感觉很草率,我觉得一定有更简单的方法。如果您能以更简单的方式获得原始css,我们将不胜感激


我知道lesscs的功能与我试图实现的功能类似,但我需要一个无库的解决方案。

您可以使用ajax请求从服务器获取原始css(假设它位于从中获取JS代码的同一服务器上)。但是您真的想编写自己的css解析器吗?由于跨域请求的限制,您不能使用它来验证任意的“其他站点”css,为什么要验证您自己的css?首先不要发送错误的css。只有当请求来自同一个域时,才能获取文件内容。使用XHR进行一个简单的AJAX调用可以获得文件内容,jquery使这变得很容易,因为
$.get('/path/to/stylesheet.css').done(…)
Marc:其原因是编写一个库来扩展css文件功能,类似于问题中给出的示例;很像图书馆。