使用MiniProfiler分析JavaScript代码

时间:2012-08-13 12:11:25

标签: javascript mvc-mini-profiler

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

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

1 个答案:

答案 0 :(得分:4)

您可以在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脚本所花费的时间正在计时。您当然可以使用此函数注入任何客户端代码。