更新后,Chrome的文件系统资源映射无法正常工作

Question

我可以在工作区添加一个文件夹(据我所知,似乎没有做任何事情),但是"映射到文件系统资源"选项似乎已被删除,我无法再进行实时编辑css文件.

这是一个错误,还是已经改变了映射css文件的过程？

这个演讲(https://developers.google.com/web/updates/2017/10/devtools-release-notes)说新版本使用"魔术"将远程文件映射到本地文件,但我似乎无法让它工作.

作为参考,我正在尝试将reddit css文件映射到我自己的计算机上.它在以前版本的Chrome上运行良好(基本上我添加了文件夹,并将css文件映射到其中,已重命名为与远程文件同名)但不在新版本(Chrome 63)上

Answer 1

我只是摆弄了一个问题,只有一些文件被映射到我的本地工作区.

事实证明,谷歌浏览器还会检查并比较文件的最后修改日期.
如果服务器上的文件具有比本地副本更新的日期,则不会映射此文件.

我删除了服务器端的Bootstrap文件并上传了我的本地副本,该副本具有较旧的上次修改日期.Google Chrome立即将文件映射到我的本地工作区.
出于好奇,我touch bootstrap.min.js在我的服务器上运行,将最后修改日期设置为今天.这再次破坏了我的文件映射.

Answer 2

由于新的Workspaces 2.0，Chrome删除了手动映射到文件系统资源的方式（请参阅：https : //developers.google.com/web/updates/2017/10/devtools-release-notes）。

您应该能够将文件夹拖放到“源”选项卡中，它将自动链接文件。

如果“魔术”拖放不起作用，则基本上没有文档说明如何使其工作。我的本地目录是远程目录的直接副本。我已经通过拖放添加了它，但是它只是将其显示为灰色，并且没有给我任何复选标记。以前，我们至少可以手动排列单个文件。现在，如果“魔术”失败了，我们甚至无法做到这一点。 (6认同)
目前无法手动添加。这就是为什么在拖放操作无效的情况下，没有文档可以使其正常工作的原因。您似乎遇到了一个现有错误：https://bugs.chromium.org/p/chromium/issues/detail?id=809731&q=workspace&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner ％20Summary％20OS％20Modified。 (2认同)

Answer 3

截至今天，Chrome 版本 63.0.3239.108（官方版本）（64 位）：

该功能似乎仍然被破坏，不能“自动”工作，也不能与之前的行为保持一致。

但是，添加反映资源 URL 的文件夹（如“网络”选项卡中所示）可使其再次正常工作。例如，如果在“网络导航器”选项卡中您有：

http://mylocal.site/wp-content/themes/mytheme/assets/sass/partials/_header.scss

您只需将整个wp-content/文件夹添加到“文件系统”选项卡即可使该功能再次按预期工作。