如何自定义Mini-Profiler UI

Question

我已经在我的MVC 4应用程序上安装了Mini-Profiler，它的工作就像一个魅力。我遇到的唯一问题是UI掩盖了我UI的关键部分。我可以使用css在页面上移动它，但理想情况下我想这样做它默认为隐藏状态，带有抽屉按钮以使其弹出。我尝试编写一个可以操作结果显示的javascript函数但是当我将以下代码放在我的_Layout.cshtml文件的底部时，迷你剖析器会在我的自定义函数之后将所有代码放在页面的最底部，这样自定义函数将在分析器之前运行。

@MiniProfiler.RenderIncludes() 
<script type="text/javascript">
    $(function() {
        CustomizeMiniProfiler();
    });
</script>

有什么想法吗？理想情况下，我不想修改Mini-profiler的源代码，因为我希望通过NuGet可以轻松升级。

Answer 1

Mini Profiler初始化的大部分时间推迟到jQuery.ready之后，这样Mini Profiler对页面加载行为的影响微乎其微。请参阅：https://github.com/SamSaffron/MiniProfiler/blob/master/StackExchange.Profiling/UI/includes.js#L597

我建议一个挂钩到Mini Profiler初始化过程的拉取请求：

MiniProfiler.afterInit(
   function(){
      /* if called after init happens right away, else happens after init */
   });