重新加载CSS样式表而无需重新加载页面?

时间:2010-11-09 05:18:12

标签: css safari

我一直在使用Safari作为我的开发浏览器,我发现在繁重的javascript环境中预览CSS更改非常困难。

我的Web应用程序和开发环境如下:

  • Mac OSX Snow Leapord
  • Safari浏览器
  • TextMate的
  • Mootools的
    • MochaUI
  • XHTML 1.1 Transitional
  • CSS3

4 个答案:

答案 0 :(得分:11)

我还没有尝试过,但是这本书市场有望完成这项工作:ReCSS。我相信你可以在那里重新调整代码。

答案 1 :(得分:2)

我创建了一个名为Vogue http://aboutcode.net/vogue/

的工具

Vogue会监视文件系统,以更改网页使用的CSS文件。 然后它会实时告诉Web浏览器重新加载样式表。

它适用于所有浏览器,不需要任何插件(全部是javascript)。

答案 2 :(得分:2)

好书签!效果很好!现在我想知道我是否需要提及如何手动完成...

  1. Chrome开发者工具。
  2. 右键单击头部显示的css文件。
  3. 选择编辑为HTML。
  4. 假设文件名是style.css。把它改成style.css?一定要用?文件名之后。
  5. 点击该地区以外的地方和walla,tada!
  6. http://youtu.be/-OYk5p5pSvM

答案 3 :(得分:0)

在开发过程中,我发现你也可以在你的CSS文件名引用之后扔一个问号,...这可以欺骗某人在为你提供动态构建CSS的路径(所以它会每次都获取它)。我不确定它是Safari,还是我的特定网络服务器,但是,YMMV。