如何设置MiniProfiler UI默认以最小化状态启动？

方案1：服务端直接配置（推荐） #

MiniProfiler 原生提供了服务端配置项，直接设置即可自动生效，无需手动修改前端脚本：

// Program.cs 中注册 MiniProfiler 时添加配置
builder.Services.AddMiniProfiler(options =>
{
    // 保留你的原有配置，比如路由前缀、权限校验、追踪规则等
    options.RouteBasePath = "/profiler";
    // 新增这一行配置，控制 UI 默认最小化
    options.PopupStartHidden = true;
});

// 中间件注册保持原有逻辑不变
app.UseMiniProfiler();

配置完成后，MiniProfiler 自动渲染的前端脚本会自带data-start-hidden="true"属性，无需额外修改前端代码。

方案2：前端手动配置（适用于自定义加载 MiniProfiler 脚本的场景） #

如果你是在SPA中手动引入、动态加载 MiniProfiler 前端脚本，直接在初始化参数中添加startHidden配置即可：

静态引入脚本场景（index.html 中直接引入） #

<script async type="text/javascript" id="mini-profiler" 
        src="/profiler/includes.min.js" 
        data-path="/profiler/" 
        data-start-hidden="true" <!-- 新增这一行 -->
        <!-- 其他原有属性保持不变 -->></script>

动态加载初始化场景 #

// 脚本加载完成后调用初始化方法时传入参数
window.MiniProfiler?.init({
  path: '/profiler/',
  startHidden: true, // 核心配置，默认最小化
  // 其他原有配置保持不变
  position: 'Left',
  colorScheme: 'light'
});

效果验证 #

• 页面首次加载后，MiniProfiler 仅在页面边角显示极小的请求耗时指示器，不会弹出完整UI遮挡业务区域
• 需要查看性能数据时，点击边角指示器即可展开完整的分析面板，当前页面的所有历史请求追踪数据都会完整保留，无需刷新页面
• 后续需要恢复默认展开状态，删除对应配置项或将值改为false即可

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