我正在制作一个加载一些 .js 文件的本地网页 (.html),但在使用 Google Chrome 的开发人员工具时遇到问题。
定义
我遇到的问题与源面板有关:我打开了一个包含特定文件的源选项卡,当我通过单击控制台或左侧的源文件打开此文件时,会随机创建一个副本,而不仅仅是创建一个副本将其重定向到已经打开的页面。
两者将具有相同的文件路径:
两者都允许我写入和保存文件(甚至正确显示/隐藏星号),
只有其中之一可以正确地将内容保存到磁盘。
我必须通过关闭两个文件并再次打开它来修复它,但有时我看不到有重复的文件,这导致我修复问题却发现文件实际上并未保存,完全恢复当我刷新页面时对该文件所做的每一次更改。
问题示例
该错误最常见的情况是当我执行以下操作时:
console.warn
登录console.error
syntax error
有时,相同的步骤不会创建重复的文件,但我所要做的就是刷新并重试,直到创建重复的文件。重现这个错误是一个偶然的问题,我也无法预测或查明其原因。
在打开开发工具的情况下刷新页面时,有很小的可能会创建损坏的映射,其中映射的项目仅部分映射
即使几秒钟前还好:(只有重新启动 chrome 才能解决这个问题)
最后一段可能与问题有关,也可能无关,但我可以清楚地选择并打开“假”文件和“真实”文件,即使它们具有相同的文件路径。
我制作了这个 gif 来展示开发工具中的文件路径如何彼此相同:http://i.imgur.com/ULlbskO.gif
设置详情
file:///
我严格使用本地文件系统 ( ),没有使用本地主机或服务器来托管我的应用程序,它是纯 HTML + Javascript。
我使用的是 Windows 版 Google Chrome 57,没有任何扩展,但自 2016 年 12 月以来我一直遇到这个问题。
我的项目是通过将文件夹添加到工作区并将其映射到本地文件来映射的,这在过去是有效的。
这是我的配置的图片:http://i.imgur.com/IEmE3zG.png
我尝试过的事情