在浏览器缓存中编辑CSS

Question

我正在构建一个基于webkit的应用程序，我需要修改一个CSS文件（编辑一个选择器），一旦使用Javascript加载页面，我就可以这样做。在我的特定场景中，我可能会多次加载页面，我想在缓存中改变CSS（使用Javascript，而不是黑客攻击webkit）。有什么想法吗？

Answer 1

如果不完全理解您的用例，我会看到至少三种廉价而快速的方法来覆盖某些样式：

• 使用众多书签中的一个（例如this one by Paul Irish）来玩注射样式或
• 使用一小段javascript ondomready将带有选择器和样式的样式表注入文档的头部（类似于上面的书签）或
• 定义一个特定的CSS选择器，只需在文档中包含一个内联样式元素（我不建议）

这三种方法基本相同。根据您所拥有的，能够编辑或想要实现任何一种方法可能更合适。

用户样式表或扩展程序（如Stylebot for Google Chrome）可能是另一种可供选择的方式。

奇怪的东西，如通过javascript的XHR加载引用的样式表，获取文件的内容，修改或注入内容以及将样式重新应用到当前文档也是可能的，但可能不是你想要的。