mvc-mini-profiler - 如何自定义 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 */
   });