PhpStorm 修改后 浏览器不同步展现修改

2019-12-24 17:45:42 +08:00
 leverestfish

求大佬救救小白 T T

学生，最近写网站（一门数据库的课强行变成了全端实习课……）经常碰到这样的情况：phpstorm 里面代码（大多数是 css ）改了，但是浏览器里刷新之后没有反应，ps 里按 cmd+s 也不顶用，重启浏览器、重启电脑也不顶用。

而且不同浏览器还在不同地方有不同步修改的问题，用浏览器检查元素来看，浏览器打开的网页文件中根本没有相应的修改，求解决方案。

注：macOS 10.15.2 最新 PhpStorm MAMP5.4

2234 次点击
所在节点    程序员
14 条回复
M003
2019-12-24 17:59:34 +08:00
cmd+shift+r 尝试下
leverestfish
2019-12-24 18:37:18 +08:00
@M003 我这 cmd+shift+r 是 replace in path
leverestfish
2019-12-24 18:45:21 +08:00
@M003 原来是 chrome 的快捷键，成功了！感谢！！
wangxin13g
2019-12-24 18:46:35 +08:00
1.command+F5 可以刷新浏览器缓存
2.如果上面还不管用 用 phpinfo()检查下你的拓展里面是不是开启了 opcache 关了 opcache
leverestfish
2019-12-24 18:57:27 +08:00
@wangxin13g 感谢，opcache 我都没听说过，去学习一下😂
leoleoasd
2019-12-24 20:38:28 +08:00
浏览器默认缓存 css 和 js 文件. cmd+shift+r 在 chrome 中是强制刷新, 清除缓存.
所以更改 css 后必须强制刷新才行.
改 css 跟 php 无关, 也不涉及 opcache.
liyang5945
2019-12-24 21:00:22 +08:00
你需要 livereload，只写 html 和 css 什么的再合适不过了，https://liyangzone.com/2019/11/21/%E5%89%8D%E7%AB%AF/%E7%83%AD%E6%9B%B4%E6%96%B0web%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83/
leverestfish
2019-12-24 22:05:33 +08:00
@leoleoasd 原来是这个原因，了解了


@liyang5945 神仙工具，太香了！万分感谢！
bzj
2019-12-24 22:08:10 +08:00
xswl，ps 自动保存的，难道不是浏览器缓存?
xctcc
2019-12-24 22:19:09 +08:00
你不嫌麻烦可以在引用 css 和 js 的链接后面加个?v=1，改一次往上加
dorothyREN
2019-12-25 00:08:04 +08:00
给 css js 这种静态文件 加个 v 参数，值用当前的时间戳。
jugelizi
2019-12-25 00:12:28 +08:00
你不是需要 phpstorm
node webpack 才是解决你问题的
M003
2019-12-25 11:36:06 +08:00
@leverestfish 简单点就是在你静态文件后加个?t=时间戳.
leverestfish
2019-12-25 12:45:21 +08:00
@xctcc
@dorothyREN
@jugelizi
@M003
感谢各位，目前正使用 7 楼推荐的 livereload，感觉很好用

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/631941

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX