重新加载 javascript 和 CSS,最佳实践:PHP
这更多的是一个最佳实践问题,但这对我来说非常重要,因为它让我很多次认为我的 js 或 css 修改不起作用。
我使用 PHP,并将 CSS 和 JS 放在单独的文件中。有时,当我点击圆形“重新加载”按钮时,我的更改不会生效。我使用“重新加载”或在 URL 后重新按 Enter 键。有时两者都不起作用,我必须做一些疯狂的事情,例如重新启动浏览器以清除缓存。
例如,为了测试我是否使用旧的或新的 JS,我使用不同的警报消息,这时我发现它仍在使用旧的(最近更改前的)JS。 CSS 也是如此,我使用不同的颜色边框等来知道它是否正在接受新的。不用说,我确信有比这更好的做法:)
This is more of a best practices question, but it's very important to me because it caused me many times to think that my js or css modifications weren't working.
I work with PHP and have my CSS and JS in separate files. Sometimes when I hit the circular Reload button, my changes don't kick in. I use either Reload or re-hit Enter after the URL. Sometimes neither works, and I have to do crazy things like restarting my browser for caches to clear.
To test whether I'm working with the old or new JS for example, I use different alert messages, and that's when I find out it's still using the old (pre-recent-change) JS. Same for CSS, I use different color borders, etc. to know if it's picking up the new. Needless to say, I'm sure there are better practices than this :)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
Ctrl-Shift-R 或 Ctrl-F5(相当于 Cmd + F5 mac?)将进行硬刷新并强制用户代理从头开始下载所有内容。
Ctrl-Shift-R or Ctrl-F5 ( Cmd + F5 mac equivalent? ) would do a hard refresh and force the user agent to download everything from scratch.
您可以在点击重新加载时强制从服务器重新下载,例如在 Firefox 上使用 Ctrl+F5 (以指示浏览器必须从服务器重新请求文件,而不是使用缓存中的版本在你的机器上),或者停用浏览器中的缓存(至少在开发 CSS/JS 相关内容时)。
取消激活缓存的一个很好的工具是 Firefox 网页-developper扩展:它为您提供了一个工具栏,可以在进行前端开发时快速访问多个有用的选项。
You can either force re-downloading from the server when hitting reload, using something like Ctrl+F5 on Firefox (to indicate the browser it must re-ask the files from the server, instead of using the version it has in cache on your machine), or de-activating caching in your browser (at least, when developping CSS/JS related stuff).
A great tool for the de-activation of the caching thing is the Firefox web-developper extension : it provides you with a toolbar that gives quick access to several useful options when doing frontend development.
对于开发,您可以在 CSS 和 CSS 的 URL 末尾添加一个随机数。 JS 文件。例如:
或者
只是不要在您的实时网站上执行此操作,否则您的用户将在每次请求时再次下载文件,从而使您的网站速度变慢。
For development you can add a random number to the end of the URL of your CSS & JS files. Something like:
Or
Just don't do this on your live site, otherwise your users will download the files again on every request, making your site slower.
Shift 单击重新加载按钮。
Shift Click the reload button.