如何设置前端编码环境？答案

【问题标题】：How to setup environment for front end coding?如何设置前端编码环境？
【发布时间】：2010-12-12 16:14:49
【问题描述】：

我正在着手用 CSS 和 javascript 进行一些前端编码。

但是 css、javascript 和 html 文件的缓存正在慢慢杀死我。每当我进行更改时，我都会尝试一切以刷新更新的文件，但旧版本会不断出现。当然，这在生产版本中是一个很棒的功能，但在开发中，它让我抓狂。

我发现一个扩展“CSS Refresh”可以很好地刷新 CSS，但 html 和 javascript 仍然是个问题。

我主要使用 chrome，偶尔使用 firefox 进行测试。

【问题讨论】：

【解决方案1】：

您是否尝试在 Firefox 中禁用缓存？

或者正如另一个用户所说，使用 Web Developer Toolbar https://addons.mozilla.org/en-US/firefox/addon/60/

【讨论】：

【解决方案2】：

我发现在发布新版本的 Web 应用程序时保证刷新的唯一方法是重命名相关文件。理想情况下在 javascript/css 上使用某种版本号（例如 script.1.0.3.4.js）。

通过一些努力，您可以使用自动增加程序集版本的功能将所有这些自动化到构建过程中。

【讨论】：

真的吗？伙计，必须有一个更简单的方法。我尝试了此处建议的 Web 开发人员工具栏，但它仍然无法正常工作。我在javascript中更改了一行代码，但是当我在firebug中查看加载的js时，它是旧的。 CTR;-5 没有帮助。 --- Firefox 从哪里获取这些旧文件？
CTR-5 等只是一个开发解决方案——您不能指望您的客户/访问者在每次更改 javascript 时都这样做。对于此重命名（据我所知），只有强制重新加载脚本/css 的安全解决方案。出于开发目的，CTR-5 等确实应该工作 - 如果不是，那么也许你正在将脚本缓存在其他地方（例如在代理中？）。如果您从选项对话框中清除浏览数据并且它仍然没有改变 - 那么它肯定被缓存在沿线的另一个点。
所以我仔细检查了我的设置文件。原来我正在做数据库缓存，忘记删除这个选项。哇！

【解决方案3】：

在 chrome 中进行 JavaScript 开发时，我发现这非常有用：

另一个有趣的选项是打开一个新的隐身窗口（ctrl+shift+n）。此窗口不会使用任何存储的 cookie、缓存的内容或 dns 解析。

【讨论】：

【解决方案4】：

在 Firefox 上，您有 Web Developper 工具栏，可以禁用特定网站的缓存。如果您还没有使用 Firebug 扩展，我也推荐它。

【讨论】：