mvc-mini-profiler - 如何自定义Mini-Profiler UI

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

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

有任何想法吗？理想情况下，我不想修改Mini-profiler的源代码，因为我想通过NuGet轻松进行升级。

最佳答案

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 */
   });

关于mvc-mini-profiler - 如何自定义Mini-Profiler UI，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13108920/