css - Google Chrome 扩展 - 从服务器重新加载 CSS

Question

我正在开发一个使用 Google Chrome 作为浏览器的网站。
(是的——我不需要与任何其他浏览器兼容——我想我很幸运，因为这是系统用户要求的功能；-)

我正在 VS2008 中处理屏幕布局，并且一直在更改 CSS 文件。
我不想更改我的浏览器设置，也不想清除缓存。

我所需要的只是一个浏览器扩展(图标)，当它被点击时，它会在从服务器获取 CSS 后重新将 CSS 应用到页面。

此功能存在于 Web Developer 扩展中，但它增加了一些我试图避免的额外点击。

任何想法都将不胜感激，因为我已经厌倦了所有额外的点击。

感谢并享受生活，朱利安

Answer 1

我一直在寻找一个 Chrome 扩展程序，它可以从服务器重新加载 CSS 而不会使页面“闪烁”。

这是我发现的:

J CSS Reload 在我看来实际上做得最好，尽管它有时会闪烁。您甚至可以通过单击“键盘快捷方式”在 chrome://extensions/的底部设置键盘快捷方式(尽管这似乎会导致不断闪烁)。

CSS Refresh 刷新 CSS，但会导致闪烁(当点击 CSS 重新加载时，所有 CSS 都消失了，直到 CSS 被刷新，这使得很难发现 CSS 重新加载前后的差异)。

CSS Reloader 对我不起作用。

另一个要考虑的选项是 LiveReload.js 在开发时自动重新加载您的网络应用程序(不仅是 CSS，还有 HTML 等)。有一个免费的Chrome extension对于 Rack 应用程序(如 Ruby On Rails)，有很棒的 Rack LiveReload gem 。