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

2023-12-13

这曾经很有魅力,我过去已经使用相同的硬件/软件设置了十几次,但现在失败了:

After an attempted edit in the live styles editor, or directly in this tab in the sources panel

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

enter image description here

这里没有 LESS / SASS / Taskrunner 的聪明才智,只有简单的 CSS 文件。

我查看了 Sawbuck、Devtools on Devtools,没有看到任何错误。

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

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

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

enter image description here

我通常很自豪,不会问这样的问题,并花了很长时间试图自己解决这个问题,但我觉得我现在已经碰壁太久了。如果您有类似的经历,我将不胜感激。


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

你可以在我的截图中看到它:?ver=4.7.2

显然,在集成到 Wordpress 之前,我一定只使用过这个 DevTools Workspace 功能。这里有一个相关 Chromium 错误报告.

现在,将其添加到functions.php在 WordPress 中,为了删除缓存清除后缀,我可以重新启用持久编辑:

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

add_filter( 'style_loader_src', 'fj_remove_version' );

未来,看起来像持久化2.0错误报告末尾推荐的 ,将是解决方案。有可能作为 Chrome DevTool 实验启用 now.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Chrome Devtools 工作区映射不再起作用 的相关文章

随机推荐