谷奥——探寻谷歌的奥秘

感谢读者 Allen.M 的自爆。

做前端开发的童鞋们，最常敲的一组键就是 alt(cmd)+tab，然后紧接着是 F5 或者 ctrl(cmd) + r 了吧。这是在干什么？写好一段样式看看效果啊。

那我们能不能边写样式，边让浏览器自动加载最新的 CSS 呢？当然是可以的了，业界已经有很多这样的工具了。比如国内前段时间曾经成功推广过的 F5 ，还有国外的 live.js xrefresh 等工具。

但是这些工具都没有适合我的。F5 需要用它提供的 HTTP 服务，但是对于一个大型站点来说，静态资源都是单独管理的，页面上一般都写的绝对 URL 使用 cookie free 的域名或者 CDN 的域名。为了开发方便，我们一般会用 apache 在本地搭一个 style 环境，像我们现在，因为经常需要跨应用访问 css, js
这些，本地环境不一定有这些文件，还需要用 url rewrite 把这些文件 rewrite 到一个公共环境去。这些复杂功能都是 F5 所不能提供的。live.js 只能对 css 和 page 同域才有效，而且还不支持 @import ，xrefresh 也需要使用它提供的 HTTP 服务。而且这些工具都有一个共同点，是都需要往页面插入一段它的 JS 。

于是，我就自己造了一个，优先满足我的需求，那就是要做到服务器无关，编辑器无关。然后要支持
CSS 和 page 不同域，支持 @import 。而我平时又使用 Chrome 开发，那就写一个 Chrome 插件好了。而且由于使用了浏览器插件技术，所以我也可以做到不在页面插入任何 JS，不改变任何 DOM结构，尽量保证安全，不影响页面功能。

现在这个项目的源码托管在 github , 欢迎各位提BUG和建议，或者来写一个其他浏览器的插件。

如果你和我一样喜欢使用 Chrome 开发，那就直接来这里安装 css auto reload，使用很简单，只要点击插件图标，就会点亮图标，表示正在对当前标签页进行监控，再次点击会关闭监控。

详细介绍和使用说明可以看上面 github 项目的介绍。另外我还录了一段操作视频，你可以先看看，再决定要不要试试这个工具：

iOS设备观看地址。

Related posts

• 用 Page Snooze 扩展隐藏长期不活动的 Chrome 标签页
• 毫无疑问 Google Drive 将与 Chrome OS 深度整合，开发代号 Vermont
• 基于 Flash 的 YouTube 游戏
• Chrome 为开发者引入两个新的 API：可存取历史记录和处理模型
• 让 Gmail 更简洁的扩展 Minimalist Gmail 登陆 Chrome
• 恭喜 Chrome 超越 Safari 成为全球第三大浏览器
• 让 Chrome 和 Firefox 在 Google “窃取”隐私的时候提醒你
• Matt Cutts 告诉你 Googlers 最爱哪些 Chrome 扩展
• 用于监控 WordPress 博客评论的 Chrome 扩展
• Chrome Stable 分支全平台和 Chrome Frame 升级到 7.0.517.44