使用 MiniProfiler 分析 JavaScript 代码

Profiling JavaScript code using MiniProfiler

本文关键字:代码 JavaScript 分析 MiniProfiler 使用      更新时间:2023-09-26

MiniProfiler可以记录Ajax调用并显示计时的细分。

是否可以将自定义步骤添加到我的 JavaScript 代码中?

可以通过在 Razor 视图中使用 TimeScript 命令来计时客户端脚本执行时间。

来自 Sample.MVC 的示例:

<head>
  @this.InitClientTimings()
  @this.TimeScript("jQuery 2.0.3", @<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>)
  @using (profiler.Step("<head> rendering"))
  {
    <title>@ViewBag.Title - MVC MiniProfiler Demo</title>
    @(this.TimeScript("Our CSS", @<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />))
    @RenderSection("head", required:false)
  }
</head>

在这里,加载jQuery和CSS脚本所花费的时间是计时的。当然,您可以使用此函数注入任何客户端代码。