从浏览器中获取原始CSS文件内容-FetchingrawCSSfilecontentsfromabrowser

1  

If a CSS file is on the same domain as the page you're running the script on, you can just use AJAX to pull in the CSS file:

如果CSS文件与您运行脚本的页面位于同一个域中,则可以使用AJAX来引入CSS文件:

$.get("/path/to/the.css", function(data) {/* ... */});

If not, you could try using Yahoo! Pipes as a proxy and get the CSS with JSONp.

如果没有,你可以尝试使用Yahoo!管道作为代理并使用JSONp获取CSS。

As for parsing, you can check out Sizzle to parse the selectors. You could also use the CSS grammar (posted in the CSS standards) to use a JS lex/yacc parser to parse out the document. I'll leave you to get creative with that.

至于解析,您可以查看Sizzle来解析选择器。您还可以使用CSS语法(在CSS标准中发布)来使用JS lex / yacc解析器来解析文档。我会让你发挥创造力。

Good luck!

0  

No, you've pretty much covered it. Browsers other than IE strip out unknown rules from their object models both in the style/currentStyle objects and in the document.styleSheets interface. (It's usually IE6-7 whose CSS you want to patch up, of course.)

不,你已经覆盖了它。 IE以外的浏览器在style / currentStyle对象和document.styleSheets界面中从其对象模型中删除了未知规则。 (当然,它通常是IE6-7,你要修补它的CSS。)

If you wanted to suck a stylesheet from an external domain you would need proxy-assisted-AJAX. And parsing CSS from would be a big nasty job, especially if you needed to replicate browser quirks. I would strenuously avoid any such thing!

如果你想从外部域中吮吸样式表,你需要代理辅助的AJAX。从中解析CSS将是一项非常糟糕的工作,特别是如果您需要复制浏览器怪癖。我会竭力避免任何这样的事情!

0  

JSONP is still a valid solution, though it would hurt the eyes somewhat. Basically, in addition to the callback padding, you would have to add one JSON property "padding" and pass the CSS as a value. For example, a call to a script, http://myserver.com/file2jsonp/?jsOnp=myCallback&textwrapper=cssContents could return this:

JSONP仍然是一个有效的解决方案,虽然它会有点伤害眼睛。基本上,除了回调填充之外,您还必须添加一个JSON属性“padding”并将CSS作为值传递。例如,调用脚本http://myserver.com/file2jsonp/?jsOnp=myCallback&textwrapper=cssContents可以返回:

myCallback("cssContents":"body{text-decoration:blink;}\nb{text-size:10em;}");

You'd have to text-encode all line breaks and wrap the contents of the CSS file in quotes (after encoding any existing quotes). I had to resort to doing this with a Twitter XML feed. It felt like such a horrible idea when I built it, but it did its job.

您必须对所有换行符进行文本编码,并将CSS文件的内容用引号括起来(在编码任何现有引号之后)。我不得不求助于使用Twitter XML feed。当我建造它时感觉这是一个可怕的想法,但它确实起了作用。