Google chrome devtools Google Chrome开发者工具显示我的文件两次。一个可以编辑，另一个可以调试

我正在使用VisualStudio开发一个单页网站。在开发过程中，我使用Google Chrome开发者工具进行调试，但我也能够更改Chrome中的文件。我的更改也直接反映在我的VisualStudio环境中

我不知道我做了哪些更改，但目前我的Google Chrome Developer工具在使用CTRL+O时会将每个文件显示两次，结果如下：

它是完全相同的文件。但chrome的行为会根据所选结果而有所不同：

• 选择www/index/scipts/index.js
  • 可用于更改代码（也反映在Visual Studio中）
  • 调试不可能
• 选择localhost/www/index/scripts/index.js
  • 无法改变
  • 调试工作

工作区域设置

• 文件夹：C:\TFS\MyBranch\www
• 映射：
  • URL前缀：

    http://localhost/www/

  • 文件夹路径：/

本地iis设置

• 默认网站（端口：80）
  • www（路径：C:\TFS\MyBranch\www）

Visual studio项目设置 “www”项目具有以下Web设置：

• 服务器：
  • 类型：本地IIS
  • 项目Url：

    http://localhost/www/

  • 虚拟目录已创建
  • 能够浏览到url

问题:

---

Chrome允许我在同一个打开的文件中进行编辑和调试。我需要如何设置/更改我的环境才能再次工作？

右键单击源面板中的

index.js

，然后在关联菜单中选择

映射到文件系统资源…

（或

映射到网络资源…

，取决于您是单击网络资源还是工作区资源，）然后选择它的对应项来建立实际的工作区映射。

您需要在开发工具中添加HTTP服务器文件和文件系统文件之间的映射。@SLaks我的文件夹是

C:\TFS\MyBranch\www

，它映射到

http://localhost/www/

如

工作区设置中所述

您指的是此映射还是缺少另一个必需的映射？