Chrome Devtools工作区映射不再有效

Question

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

编辑所需的权限到位，因为我可以在Devtools中编辑文件，如果我直接从sources选项卡中的本地工作区打开它，编辑并保存它，但这当然不比使用任何其他IDE更好，因为我不能像往常一样看到并立即坚持我的改变：

这里没有LESS / SASS / Taskrunner聪明，只是简单的CSS文件。

我看过Sawbuck，Devtools上的Devtools，看到没有错误。

我完全禁用了防火墙。

我正在使用Windows 7，Chrome 56（并尝试使用Canary，58），并且服务器的文件系统作为网络驱动器安装在Z：上。

有点奇怪的是工作区映射在建立资源链接之后如何将文件视为目录，通过右键单击远程资源并选择“映射到文件系统资源...”或本地资源和选择“映射到网络资源...”，但这可能总是如此，我从来没有注意到 - 无论如何，我还手动添加了父目录和站点的根目录的映射，但是结果是一样的; 没有持久的编辑。

我常常太自豪地问一个关于这样的事情的问题，并且花了很多时间试图自己解决这个问题，但我觉得我现在打砖墙的时间太长了。 如果你有类似的经历，我会感激任何指示。

Answer 1

它似乎取决于WordPress添加的缓存破坏查询字符串 -

您可以在我的屏幕截图中看到它： ?ver=4.7.2

很明显，我必须在集成到Wordpress之前才使用这个DevTools工作区功能。 这是一个相关的Chromium bug报告 。

现在，将其添加到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将是解决方案。 它现在可以作为Chrome DevTool实验启用 。