Chrome Devtools工作区映射不再起作用

Question

这曾经很吸引人，过去我使用相同的硬件/软件进行了十几次设置，但现在失败了：

拥有必要的编辑权限，因为我可以在Devtools中编辑文件，如果直接从“源”选项卡中的本地工作区中打开文件，请进行编辑和保存，但这当然不比使用任何其他IDE好，因为我看不到并立即保留我的更改，就像以前那样：

这里没有LESS / SASS / Taskrunner的聪明之处，只是纯CSS文件。

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

我已经完全禁用了防火墙。

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

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

我通常很自豪地问一个像这样的问题，并且花了很长时间尝试自己解决这个问题，但是我觉得我现在撞墙已经太久了。如果您有类似的经验，我将不胜感激。

Answer 1

这似乎取决于WordPress添加的缓存无效查询字符串-

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

显然，在集成到Wordpress之前，我必须只使用过此DevTools工作区功能。这是相关的Chromium错误报告。

现在，将其添加到functions.phpWordPress中以删除缓存无效化后缀，可以重新启用持久性编辑：

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

add_filter( 'style_loader_src', 'fj_remove_version' );

将来，在错误报告末尾推荐的Persistence 2.0似乎将成为解决方案。现在可以将其启用为Chrome DevTool实验。