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

Question

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

我不知道我的更改但是目前我的Google Chrome开发者工具在我使用 CTRL + O 时向我显示了两次文件我看到了结果如下：

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

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

工作区设置

• 文件夹：C：\ TFS \ MyBranch \ www
• 的映射：
  • 网址前缀：http://localhost/www/
  • 文件夹路径：/

本地iis设置

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

Visual Studio项目设置

＆＃39; www＆＃39;项目具有以下Web设置：

• 的服务器：
  • 键入：本地IIS
  • 项目网址：http://localhost/www/
  • 创建虚拟目录
  • 能够浏览到网址

问题

我已经让它工作，Chrome允许我在同一个打开的文件中编辑和调试。我如何设置/更改环境以使其再次运行？

Answer 1

右键单击“来源”面板中的index.js，然后在上下文菜单中选择Map to File System Resource...（或Map to Network Resource...，取决于您是单击网络还是工作区资源，然后选择其对应项）建立实际的工作区映射。