Google chrome 铬';s映射到文件系统资源在更新后不工作
我可以向工作区添加一个文件夹(据我所知,它似乎没有任何作用),但“映射到文件系统资源”选项似乎已被删除,我无法继续编辑css文件 这是一个bug,还是映射css文件的过程已经改变了 这个谈话()说新版本使用“魔法”将远程文件映射到本地文件,但我似乎根本无法让它工作Google chrome 铬';s映射到文件系统资源在更新后不工作,google-chrome,google-chrome-devtools,Google Chrome,Google Chrome Devtools,我可以向工作区添加一个文件夹(据我所知,它似乎没有任何作用),但“映射到文件系统资源”选项似乎已被删除,我无法继续编辑css文件 这是一个bug,还是映射css文件的过程已经改变了 这个谈话()说新版本使用“魔法”将远程文件映射到本地文件,但我似乎根本无法让它工作 作为参考,我正在尝试将reddit css文件映射到我自己的计算机上。它在以前版本的Chrome上运行良好(基本上我添加了文件夹,并在其中映射css文件,该文件已重命名为与远程文件同名),但在今天的新版本(Chrome 63)上运行不
作为参考,我正在尝试将reddit css文件映射到我自己的计算机上。它在以前版本的Chrome上运行良好(基本上我添加了文件夹,并在其中映射css文件,该文件已重命名为与远程文件同名),但在今天的新版本(Chrome 63)上运行不正常,Chrome版本为63.0.3239.108(官方版本)(64位): 该功能似乎仍然被破坏,无法“自动”工作,也无法与以前的行为保持一致 但是,添加一个反映资源URL的文件夹(如“网络”选项卡中所示),可以使其再次工作。例如,如果在“网络导航器”选项卡中:
http://mylocal.site/wp-content/themes/mytheme/assets/sass/partials/_header.scss
您只需将整个
wp content/
文件夹添加到文件系统选项卡,即可按预期再次使用该功能。缺少“映射到文件系统资源…”菜单项。似乎无法映射文件。据我所知,它完全被破坏了。我也有同样的问题,所以我降级到Chrome 62(保留了首选项、历史记录、扩展等)
由于新的工作区2.0,Chrome手动删除了到文件系统资源的映射(请参阅:) 您应该能够将文件夹拖放到“源”选项卡中,它将自动链接文件
然而,也有同样的问题,但是当我的源地图包含sourcesContent时,文件映射会自动生成,我可以实时编辑我的SCS。显然,chrome使用内容来查找正确的文件
node sass——源映射内容我刚刚处理了一个问题,其中只有一些文件映射到本地工作区 结果表明,Google Chrome还会检查并比较您文件的上次修改日期。
如果服务器上的文件的日期比本地副本的日期晚,则不会映射此文件 我删除了服务器端的引导文件并上传了我的本地副本,它有一个较旧的上次修改日期。Google Chrome立即将文件映射到我的本地工作区。
出于好奇,我在服务器上运行了
触摸bootstrap.min.js
,将上次修改日期设置为今天。这再次破坏了我的文件映射。我也在使用Chrome 63.0.3239.132(官方版本)(64位),由于我想使用DevTools Live edit编辑一些js文件,我发现“映射到文件系统资源”选项缺失
经过一些研究,我发现实时编辑在版本63中工作得非常好,您只需:
感谢本帖中的其他人说chrome正在检查修改日期 将此添加到.htaccess为我解决了它
IndexOptions SuppressLastModified
当然,您不希望它进入生产代码,因为它可能会停止浏览器缓存的工作。我清除了缓存,它现在可以工作了 以前,我从FTP客户端打开了CSS文件,然后将包含该文件的文件夹拖到“源”选项卡>“文件系统”选项卡(不考虑任何文件夹名称或结构,我只是将包含该文件夹的FTP客户端拖到其中) 持久化映射可以直接工作,来自Chrome开发工具的编辑保存在服务器上。经过30分钟的摆弄和玩弄,它停止了工作,CSS资源变灰了。带绿点的文件图标不再出现 不管我做什么,它都不会工作,但当我清除缓存时,它又开始工作了
对我来说,问题在于文件头中存在版权符号©的问题(这几乎影响了所有文件)。使用文件中的此字符,devtool拒绝映射文件,但将其删除后,文件映射良好。打开devtools设置后,文件映射开始可靠地为我工作--单击右上角的齿轮图标并选中“首选项>网络>”禁用缓存(devtools打开时)如果资源位于完全不同的站点上怎么办?加载<代码>http://mylocal.site.com我试图映射的css文件位于
http://mylocalstaticfiles.site/xxxxxx.css
,例如?这就是我目前正在尝试的用例,将位于b.thumbs.redditmedia.com/xxx.css
(无子目录)上的css文件映射到位于reddit.com/r/xxxChrome Canary上的站点,尽管版本为65.0.3311.0,但显示了相同的错误。因此,我想您目前唯一的选择是尝试在本地重新创建与远程站点上相同的文件夹结构/文件命名