Chrome Devtools工作区Map不再工作

5uzkadbs  于 2023-04-09  发布在  Go
关注(0)|答案(2)|浏览(179)

这曾经是一种魅力,我过去可能已经设置了十几次,使用相同的硬件/软件,但现在它失败了:

必要的编辑权限已经到位,因为我可以在Devtools中编辑文件,如果我直接从源选项卡中的本地工作区打开它,编辑并保存它,但这当然不比使用任何其他IDE更好,因为我不能像以前那样看到并立即持久化我的更改:

这里没有LESS / SASS / Taskrunner的聪明之处,只有普通的CSS文件。
我看了Sawbuck,Devtools上的Devtools,没有看到任何错误。
我已经完全破坏了防火墙。
我使用的是Windows 7,Chrome 56(也试过Canary,58),服务器的文件系统作为网络驱动器安装在Z:上。
一件稍微奇怪的事情是,在我建立资源的链接之后,工作空间Map似乎将文件视为目录,要么右键单击远程资源并选择“Map到文件系统资源...”,要么右键单击本地资源并选择“Map到网络资源...”,但情况可能一直如此,我从未注意到-无论如何,我还手动添加了父目录和站点根目录的Map,但结果是一样的;没有持久编辑。

我通常太骄傲了,不会问这样的问题,而且会花很长时间试图自己弄清楚,但我觉得我现在碰壁的时间太长了。如果你有类似的经历,我会很感激你的任何建议。

kcugc4gi

kcugc4gi1#

这似乎是由于WordPress添加的缓存破坏查询字符串-
你可以在我的截图中看到:?ver=4.7.2
很明显,在集成到Wordpress之前,我必须只使用这个DevTools工作区功能。
现在,将此添加到WordPress中的functions.php以删除缓存破坏后缀,允许我重新启用持久编辑:

function fj_remove_version( $url ) {
    return remove_query_arg( 'ver', $url );
}

add_filter( 'style_loader_src', 'fj_remove_version' );

未来看起来bug报告最后推荐的Persistence 2.0会是解决方案,现在可以是enabled as a Chrome DevTool experiment

kq0g1dla

kq0g1dla2#

这是非常重要的,Chrome看到远程和本地文件在同一个文件夹,相同的名称,相同的大小,最重要的是相同的日期修改值。
如果webserver/website除了css和其他文件外还放了“?ver=xyz”,那没关系,这没关系。
如果你用FTP上传文件(也在你的IDE中),它会改变date-modified的值,所以这不会起作用。要解决这个问题,使用winSCP“keep remote directory up to date”函数并以二进制模式上传文件。
如果仍然不起作用,请检查Chrome中从Web服务器检索的文件的“日期修改”头和从本地系统打开的文件。这些应该匹配。
如果您的Web服务器经常将“date-modified”头更改为当前日期时间,则意味着服务器上的修改值是在将来,可能是由于夏令时和错误的服务器或winscp(或其他同步应用程序)配置,并且Apache可能无法在将来提供“modified-date”头。您可以通过在高级会话设置下的WinSCP中正确设置来解决此问题。

相关问题