VS2022下.NET Framework4.8 Razor视图HTML修改自动刷新方案咨询

前提确认 #

确保你的项目已启用BrowserLink：
打开项目根目录的web.config，检查appSettings节点下是否存在以下配置，没有则添加：

<add key="vs:EnableBrowserLink" value="true" />

实现步骤 #

默认情况下BrowserLink仅监控静态资源（如CSS/JS），要让Razor视图（.cshtml）修改保存后自动刷新，需手动添加文件监控逻辑：

1. 在Global.asax.cs中添加监控代码
   打开Global.asax.cs，在Application_Start方法中加入以下代码，监听所有.cshtml文件的变化并触发BrowserLink刷新：

   using System.IO;
   using System.Web;
   using Microsoft.Web.BrowserLink;
   
   protected void Application_Start()
   {
       // 保留原有初始化代码（如AreaRegistration、RouteConfig等）
   
       // 注册.cshtml文件监控
       var watcher = new FileSystemWatcher(HttpContext.Current.Server.MapPath("~/"))
       {
           Filter = "*.cshtml",
           IncludeSubdirectories = true,
           EnableRaisingEvents = true
       };
   
       watcher.Changed += (sender, e) =>
       {
           if (e.ChangeType == WatcherChangeTypes.Changed)
           {
               // 通知所有连接的浏览器刷新
               BrowserLinkManager.Current.RefreshAll();
           }
       };
   }
   

2. 验证VS设置
   确保Visual Studio调试工具栏中的BrowserLink处于启用状态：点击调试栏的刷新图标旁的下拉按钮，确认「Enable Browser Link」选项已勾选。

注意事项 #

• 该逻辑仅在调试模式下生效，发布前建议将web.config中的vs:EnableBrowserLink设为false，避免不必要的性能消耗。
• 若修改视图后未触发刷新，可检查文件路径是否正确，或重启VS的调试会话。

内容的提问来源于stack exchange，提问作者Eduardo Molteni