重新加载 javascript 和 CSS,最佳实践:PHP

发布于 2024-08-07 17:12:56 字数 308 浏览 3 评论 0原文

这更多的是一个最佳实践问题,但这对我来说非常重要,因为它让我很多次认为我的 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

埋葬我深情 2024-08-14 17:12:56

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.

墨小墨 2024-08-14 17:12:56

您可以在点击重新加载时强制从服务器重新下载,例如在 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.

难得心□动 2024-08-14 17:12:56

对于开发,您可以在 CSS 和 CSS 的 URL 末尾添加一个随机数。 JS 文件。例如:

<script type="text/javascript" src="/myscript.js?<?php echo rand(1, 200000);?>"></script>

或者

<link rel="stylesheet" href="/styles.css?<?php echo rand(1, 200000);?>">

只是不要在您的实时网站上执行此操作,否则您的用户将在每次请求时再次下载文件,从而使您的网站速度变慢。

For development you can add a random number to the end of the URL of your CSS & JS files. Something like:

<script type="text/javascript" src="/myscript.js?<?php echo rand(1, 200000);?>"></script>

Or

<link rel="stylesheet" href="/styles.css?<?php echo rand(1, 200000);?>">

Just don't do this on your live site, otherwise your users will download the files again on every request, making your site slower.

薄荷梦 2024-08-14 17:12:56

Shift 单击重新加载按钮。

Shift Click the reload button.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文