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

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

问题描述:

我一直在使用Safari作为我的开发浏览器,我发现很难在繁重的JavaScript环境中预览CSS更改。重新加载CSS样式表而不重新加载页面?

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

  • 的Mac OSX雪Leapord
  • Safari浏览器
  • TextMate的
  • Mootools的
    • MochaUI
  • XHTML 1.1过渡
  • CSS3

我还没有尝试过,但是这bookmarket承诺做的工作:ReCSS。我相信你可以在那里重新使用代码。

+0

在IE,FF和chrome中,Cntr“R”进行完整刷新 – kobe 2010-11-09 05:45:24

+0

尝试使用Ctrl-F5代替。我认为这更普遍。 – theazureshadow 2010-11-09 05:50:24

+0

像梦一样工作 – fivetwentysix 2010-11-09 07:48:32

我创建了一个叫做时尚http://aboutcode.net/vogue/

时尚手表通过你的网页中使用更改CSS文件的文件系统工具。 然后它会实时告诉网络浏览器重新加载样式表。

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

好书签!很棒!现在我想知道如果我甚至需要提及如何手动执行它...

  1. Chrome开发人员工具。
  2. 右键单击出现在头部的css文件。
  3. 选择编辑为HTML。
  4. 假设文件名是style.css。将其更改为style.css?的东西。确保使用?在文件名之后。
  5. 点击该地区和walla,tada!

http://youtu.be/-OYk5p5pSvM

+0

你在这里回复谁? – 2012-09-28 06:42:05

+0

嗯......我一定错过了我的浏览器窗口上方的问题,并回答了答案。我的错。 Web Inspector今天似乎不适用于Safari,但我会假设您可以编辑标记以在不刷新页面的情况下刷新css文件。 – 2012-09-28 12:05:33

在开发过程中,我发现你也可以只折腾一个问号CSS文件名引用后,...供应欺骗某人在服务CSS到你的路径它是动态构建的(所以它会每次都抓取它)。但我不确定是Safari还是我的特定Web服务器被欺骗了,但是,YMMV。