Visual Studio 2015中MVC应用CSHTML内联JavaScript调试失效求助

哥们，我之前在VS2015的MVC项目里也碰到过类似的JS调试卡壳问题，结合你的环境（VS2015、IE11、Win10企业版），给你整理几个针对性的排查和解决方法，你可以逐一尝试：

1. 先把IE的调试开关检查一遍 #

• 打开IE11，点右上角的齿轮图标 → 打开F12开发人员工具
• 切到调试器标签，一定要确保右上角的「禁用脚本调试(Internet Explorer)」和「禁用脚本调试(其他)」这俩选项都没被勾选
• 同时确认调试器工具栏里的暂停按钮是激活状态，别不小心把断点给禁用了

2. 核对Visual Studio的调试配置 #

• 右键你的MVC项目 → 选属性 → 切换到Web标签页
• 确认「启动操作」选的是你的项目，而且「调试器」区域的启用JavaScript调试已经勾选上了
• 另外，千万要注意项目的生成配置是Debug模式，要是不小心切到Release模式，JS会被压缩优化，断点肯定打不中

3. 处理Razor渲染内联JS的特殊情况 #

如果你的内联JS里混了Razor语法（比如用@Model取后端值），可能会让调试器找不到正确的代码位置：

• 可以先把动态生成的内容存到变量里，再执行逻辑，比如：

  var dynamicData = '@Model.UserName';
  debugger; // 这里设断点试试
  // 你的后续JS逻辑
  

• 也可以临时把这段内联JS复制到单独的.js文件里（确保页面正确引用了这个文件），先排除Razor渲染的干扰，看看能不能正常调试

4. 清缓存！清缓存！清缓存！ #

• IE11按Ctrl+Shift+Delete，勾选「临时Internet文件和网站文件」，直接删除
• VS里点生成 → 清理解决方案，然后再重新生成解决方案
• 把所有IE窗口和VS的调试进程都关掉，重启调试试试，有时候缓存就是罪魁祸首

5. 检查IE的兼容性视图 #

• IE11点齿轮图标 → 兼容性视图设置，确认你的本地开发地址（比如localhost）没被加到兼容性列表里，兼容性模式会搞砸JS调试的

6. 确认VS已经正确附加到IE进程 #

• 启动调试后，在VS的调试菜单 → 附加到进程，找到iexplore.exe，看看是不是已经成功附加，而且附加类型里包含脚本

要是以上方法都试过还是不行，你可以对比新创建的MVC项目的配置，重点看Web.config里的编译设置：

<compilation debug="true" targetFramework="4.x" />

确保这个debug属性是true，Release模式下它会被改成false，直接导致JS无法调试。

内容的提问来源于stack exchange，提问作者vikram kamalapur