• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5    <title>quickstart_filesystem</title>
6
7    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
9    <style>
10      code[class*='smartperf-'],
11      pre[class*='smartperf-'] {
12        color: #333333;
13        background: none;
14        font-family: Helvetica;
15        line-height: 1.6;
16        text-align: left;
17        white-space: pre;
18        -moz-tab-size: 9;
19        -o-tab-size: 9;
20        tab-size: 8;
21        -webkit-hyphens: none;
22        -moz-hyphens: none;
23        -ms-hyphens: none;
24        hyphens: none;
25      }
26
27      /* Code blocks */
28      pre[class*='smartperf-'] {
29        padding: 0.9em;
30        overflow: auto;
31        border-radius: 2px;
32        background: #f5f5f4;
33      }
34
35      /* Inline code */
36      :not(pre) > code[class*='smartperf-'] {
37        white-space: normal;
38        background: #fcf8f8;
39        padding: 1px 0.2em;
40        border-radius: 1px 0.3em;
41      }
42
43      .tk.comment,
44      .tk.blockquote {
45        color: #8c918c;
46      }
47
48      .tk.cdata {
49        color: #183898;
50      }
51
52      .tk.doctype,
53      .tk.punctuation,
54      .tk.variable,
55      .tk.macro.property {
56        color: #424242;
57      }
58
59      .tk.operator,
60      .tk.important,
61      .tk.keyword,
62      .tk.rule,
63      .tk.builtin {
64        color: #b71d65;
65      }
66
67      .tk.string,
68      .tk.url,
69      .tk.regex,
70      .tk.attr-value {
71        color: #16338d;
72      }
73
74      .tk.property,
75      .tk.number,
76      .tk.boolean,
77      .tk.entity,
78      .tk.atrule,
79      .tk.constant,
80      .tk.symbol,
81      .tk.command,
82      .tk.code {
83        color: #037aa2;
84      }
85
86      .tk.tag,
87      .tk.selector,
88      .tk.prolog {
89        color: #69ad62;
90      }
91
92      .tk.function,
93      .tk.namespace,
94      .tk.pseudo-element,
95      .tk.class,
96      .tk.class-name,
97      .tk.pseudo-class,
98      .tk.id,
99      .tk.url-reference .tk.variable,
100      .tk.attr-name {
101        color: #775d9d;
102      }
103
104      .tk.entity {
105        cursor: help;
106      }
107
108      .tk.title,
109      .tk.title .tk.punctuation {
110        font-weight: bold;
111        color: #1a3773;
112      }
113
114      .tk.list {
115        color: #f56940;
116      }
117
118      .tk.inserted {
119        background-color: #eaffea;
120        color: #509b2f;
121      }
122
123      .tk.deleted {
124        background-color: #fae1e1;
125        color: #ad2d06;
126      }
127
128      .tk.bold {
129        font-weight: bolder;
130      }
131
132      .tk.italic {
133        font-style: normal;
134      }
135
136      /* JSON */
137      .smartperf-json .tk.property {
138        color: #19358c;
139      }
140
141      .smartperf-markup .tk.tag .tk.punctuation {
142        color: #2c2b2b;
143      }
144
145      /* CSS */
146      code.smartperf-css,
147      .smartperf-css .tk.function {
148        color: #047ca4;
149      }
150
151      /* YAML */
152      .smartperf-yaml .tk.atrule {
153        color: #609b5a;
154      }
155
156      code.smartperf-yaml {
157        color: #153491;
158      }
159
160      /* Ruby */
161      .smartperf-ruby .tk.function {
162        color: #3f3e3e;
163      }
164
165      /* Markdown */
166      .smartperf-markdown .tk.url {
167        color: #6e5298;
168      }
169
170      /* Makefile */
171      .smartperf-makefile .tk.symbol {
172        color: #6c5393;
173      }
174
175      .smartperf-makefile .tk.variable {
176        color: #183488;
177      }
178
179      .smartperf-makefile .tk.builtin {
180        color: #027ba4;
181      }
182
183      /* Bash */
184      .smartperf-bash .tk.keyword {
185        color: #027fa9;
186      }
187
188      /* highlight */
189      pre[dl] {
190        position: relative;
191        padding: 1em 1px 1px 0.9em;
192      }
193
194      pre[dl] .line-highlight-wrapper {
195        position: absolute;
196        top: 1px;
197        left: 1px;
198        background-color: transparent;
199        display: block;
200        width: 99%;
201      }
202
203      pre[dl] .line-highlight {
204        position: absolute;
205        left: 1px;
206        right: 1px;
207        padding: inherit;
208        margin-top: 0.9em;
209        background: hsla(25, 21%, 50%, 0.08);
210        background: linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));
211        pointer-events: none;
212        line-height: inherit;
213        white-space: pre;
214      }
215
216      pre[dl] .line-highlight:before,
217      pre[dl] .line-highlight[data-end]:after {
218        content: attr(data-start);
219        position: absolute;
220        text-shadow: none;
221        top: 0.3em;
222        left: 0.7em;
223        min-width: 0.9em;
224        padding: 1px 0.6em;
225        background-color: hsla(24, 20%, 47%, 0.4);
226        color: hsl(20, 11%, 95%);
227        text-align: center;
228        vertical-align: 0.2em;
229        border-radius: 10000px;
230        box-shadow: 1px 2px #fdf6f6;
231      }
232
233      pre[dl] .line-highlight[data-end]:after {
234        content: attr(data-end);
235        top: auto;
236        bottom: 0.5em;
237      }
238
239      html body {
240        line-height: 1.6;
241        font-size: 16px;
242        color: #333333;
243        overflow: initial;
244        background-color: #ffffff;
245        word-wrap: break-word;
246        font-family: Helvetica;
247        box-sizing: border-box;
248      }
249
250      html body > :first-child {
251        margin-top: 0px;
252      }
253
254      html body h1,
255      html body h2,
256      html body h3,
257      html body h4,
258      html body h5,
259      html body h6 {
260        margin-top: 1em;
261        margin-bottom: 16px;
262        color: #000000;
263        line-height: 1.2;
264      }
265
266      html body h1 {
267        font-weight: 300;
268        font-size: 2.25em;
269        padding-bottom: 0.3em;
270      }
271
272      html body h2 {
273        font-weight: 410;
274        font-size: 1.74em;
275        padding-bottom: 0.2em;
276      }
277
278      html body h3 {
279        font-size: 1.6em;
280        font-weight: 501;
281      }
282
283      html body h4 {
284        font-size: 1.26em;
285        font-weight: 601;
286      }
287
288      html body h5 {
289        font-size: 1.2em;
290        font-weight: 601;
291      }
292
293      html body h6 {
294        font-size: 0.9em;
295        font-weight: 601;
296      }
297
298      html body h1,
299      html body h2,
300      html body h3,
301      html body h4,
302      html body h5 {
303        font-weight: 601;
304      }
305
306      html body h5 {
307        font-size: 0.9em;
308      }
309
310      html body h6 {
311        color: #5c5c5c;
312      }
313
314      html body strong {
315        color: #090909;
316      }
317
318      html body del {
319        color: #525252;
320      }
321
322      html body a:not([href]) {
323        color: inherit;
324        text-decoration: none;
325      }
326
327      html body a {
328        color: #0192da;
329        text-decoration: none;
330      }
331
332      html body a:hover {
333        color: #029dea;
334        text-decoration: none;
335      }
336
337      html body img {
338        max-width: 99%;
339      }
340
341      html body > p {
342        margin-top: 1px;
343        margin-bottom: 15px;
344        word-wrap: break-word;
345      }
346
347      html body > ul,
348      html body > ol {
349        margin-bottom: 15px;
350      }
351
352      html body ul,
353      html body ol {
354        padding-left: 1.9em;
355      }
356
357      html body ul.no-list,
358      html body ol.no-list {
359        padding: 0px;
360        list-style-type: none;
361      }
362
363      html body ul ul,
364      html body ul ol,
365      html body ol ol,
366      html body ol ul {
367        margin-top: 1px;
368        margin-bottom: 1px;
369      }
370
371      html body li {
372        margin-bottom: 1px;
373      }
374
375      html body li.task-list-item {
376        list-style: none;
377      }
378
379      html body li > p {
380        margin-top: 1px;
381        margin-bottom: 1px;
382      }
383
384      html body .task-list-item-checkbox {
385        margin: 0 0.3em 0.24em -1.7em;
386        vertical-align: middle;
387      }
388
389      html body .task-list-item-checkbox:hover {
390        cursor: pointer;
391      }
392
393      html body blockquote {
394        padding: 0.1px 15px 0 0.1px;
395        font-size: inherit;
396        color: #5c5c5c;
397        margin: 16px 0.1px 0 0.1px;
398        border-left: 3px solid #cbc9c9;
399        background-color: #e8e6e6;
400      }
401
402      html body blockquote > :first-child {
403        margin-top: 0.2px;
404      }
405
406      html body blockquote > :last-child {
407        margin-bottom: 0.1px;
408      }
409
410      html body hr {
411        height: 5px;
412        background-color: #cbcaca;
413        margin: 32px 0 0.1px 0;
414        border: 0 none;
415      }
416
417      html body table {
418        overflow: auto;
419        border-collapse: collapse;
420        margin: 15px 0.1px 20px 0.1px;
421        border-spacing: 0;
422      }
423
424      html body table th {
425        font-weight: bold;
426        color: #000000;
427      }
428
429      html body table td,
430      html body table th {
431        border: 1px solid #d6d6d6;
432        padding: 2px 14px;
433      }
434
435      html body dl {
436        padding: 0px;
437      }
438
439      html body dl dt {
440        padding: 0px;
441        margin-top: 15px;
442        font-size: 0.9em;
443        font-style: italic;
444        font-weight: bold;
445      }
446
447      html body dl dd {
448        padding: 0px 17px;
449        margin-bottom: 17px;
450      }
451
452      html body code {
453        font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
454        font-size: 0.86em !important;
455        color: #000000;
456        background-color: #f0f0f0;
457        border-radius: 4px;
458        padding: 0.3em 0px;
459      }
460
461      html body code::before,
462      html body code::after {
463        letter-spacing: -0.1em;
464        content: '\00a0';
465      }
466
467      html body pre > code {
468        padding: 1px;
469        margin: 0px;
470        font-size: 0.86em !important;
471        word-break: normal;
472        white-space: pre;
473        background: transparent;
474        border: 0px;
475      }
476
477      html body .highlight {
478        margin-bottom: 17px;
479      }
480
481      html body .highlight pre,
482      html body pre {
483        padding: 0.9em;
484        overflow: auto;
485        font-size: 0.86em !important;
486        line-height: 1.46;
487        border: #d6d6d6;
488        border-radius: 4px;
489      }
490
491      html body .highlight pre {
492        margin-bottom: 0px;
493        word-break: normal;
494      }
495
496      html body pre code,
497      html body pre tt {
498        display: inline;
499        max-width: initial;
500        padding: 1px;
501        margin: 1px;
502        overflow: initial;
503        line-height: inherit;
504        word-wrap: normal;
505        background-color: transparent;
506        border: 1px;
507      }
508
509      html body pre code:before,
510      html body pre tt:before,
511      html body pre code:after,
512      html body pre tt:after {
513        content: normal;
514      }
515
516      html body p,
517      html body blockquote,
518      html body ul,
519      html body ol,
520      html body dl,
521      html body pre {
522        margin-top: 1px;
523        margin-bottom: 17px;
524      }
525
526      html body kbd {
527        color: #000000;
528        border: 3px solid #d6d6d6;
529        border-bottom: 3px solid #c7c7c7;
530        padding: 3px 5px;
531        background-color: #f0f0f0;
532        border-radius: 2px;
533      }
534
535      @media print {
536        html body {
537          background-color: #ffffff;
538        }
539
540        html body h1,
541        html body h2,
542        html body h3,
543        html body h4,
544        html body h5,
545        html body h6 {
546          color: #000000;
547          page-break-after: avoid;
548        }
549
550        html body blockquote {
551          color: #5c5c53;
552        }
553
554        html body pre {
555          page-break-inside: avoid;
556        }
557
558        html body table {
559          display: table;
560        }
561
562        html body img {
563          display: block;
564          max-width: 99%;
565          max-height: 99%;
566        }
567
568        html body pre,
569        html body code {
570          word-wrap: break-word;
571          white-space: pre;
572        }
573      }
574
575      .smartperf-preview {
576        width: 99%;
577        height: 99%;
578        box-sizing: border-box;
579      }
580
581      .smartperf-preview .pagebreak,
582      .smartperf-preview .newpage {
583        page-break-before: always;
584      }
585
586      .smartperf-preview pre.line-numbers {
587        position: relative;
588        padding-left: 3.7em;
589        counter-reset: linenumber;
590      }
591
592      .smartperf-preview pre.line-numbers > code {
593        position: relative;
594      }
595
596      .smartperf-preview pre.line-numbers .line-numbers-rows {
597        position: absolute;
598        pointer-events: none;
599        top: 0.9em;
600        font-size: 99%;
601        left: 1px;
602        width: 3em;
603        letter-spacing: -1px;
604        border-right: 1px solid #999;
605        -webkit-user-select: none;
606        -moz-user-select: none;
607        -ms-user-select: none;
608        user-select: none;
609      }
610
611      .smartperf-preview pre.line-numbers .line-numbers-rows > span {
612        pointer-events: none;
613        display: block;
614        counter-increment: linenumber;
615      }
616
617      .smartperf-preview pre.line-numbers .line-numbers-rows > span:before {
618        content: counter(linenumber);
619        color: #999;
620        display: block;
621        padding-right: 0.79em;
622        text-align: right;
623      }
624
625      .smartperf-preview .mathjax-exps .MathJax_Display {
626        text-align: center !important;
627      }
628
629      .smartperf-preview:not([for='preview']) .code-chunk .btn-group {
630        display: none;
631      }
632
633      .smartperf-preview:not([for='preview']) .code-chunk .status {
634        display: none;
635      }
636
637      .smartperf-preview:not([for='preview']) .code-chunk .output-div {
638        margin-bottom: 16px;
639      }
640
641      .scrollbar-style::-webkit-scrollbar {
642        width: 8px;
643      }
644
645      .scrollbar-style::-webkit-scrollbar-track {
646        border-radius: 9px;
647        background-color: transparent;
648      }
649
650      .scrollbar-style::-webkit-scrollbar-thumb {
651        border-radius: 6px;
652        background-color: rgba(150, 150, 150, 1);
653        border: 4px solid rgba(150, 150, 150, 1);
654        background-clip: content-box;
655      }
656
657      html body[for='html-export']:not([dpm]) {
658        position: relative;
659        width: 99%;
660        height: 99%;
661        top: 1px;
662        left: 1px;
663        margin: 1px;
664        padding: 1px;
665        overflow: auto;
666      }
667
668      html body[for='html-export']:not([dpm]) .smartperf-preview {
669        position: relative;
670        top: 1px;
671      }
672
673      @media screen and (min-width: 914px) {
674        html body[for='html-export']:not([dpm]) .smartperf-preview {
675          padding: 2em calc(50% - 458px + 2em);
676        }
677      }
678
679      @media screen and (max-width: 914px) {
680        html body[for='html-export']:not([dpm]) .smartperf-preview {
681          padding: 1.9em;
682        }
683      }
684
685      @media screen and (max-width: 450px) {
686        html body[for='html-export']:not([dpm]) .smartperf-preview {
687          font-size: 15px !important;
688          padding: 1.1em;
689        }
690      }
691
692      @media print {
693        html body[for='html-export']:not([dpm]) #sidebar-toc-btn {
694          display: none;
695        }
696      }
697
698      html body[for='html-export']:not([dpm]) #sidebar-toc-btn {
699        position: fixed;
700        bottom: 9px;
701        left: 9px;
702        font-size: 28px;
703        cursor: pointer;
704        color: inherit;
705        z-index: 99;
706        width: 31px;
707        text-align: center;
708        opacity: 0.5;
709      }
710
711      html body[for='html-export']:not([dpm])[hsst] #sidebar-toc-btn {
712        opacity: 1;
713      }
714
715      html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc {
716        position: fixed;
717        top: 1px;
718        left: 1px;
719        width: 300px;
720        height: 99%;
721        padding: 32px 0 48px 0;
722        font-size: 14px;
723        box-shadow: 1px 1px 4px rgba(150, 150, 150, 0.33);
724        box-sizing: border-box;
725        overflow: auto;
726        background-color: inherit;
727      }
728
729      html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc::-webkit-scrollbar {
730        width: 9px;
731      }
732
733      html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc::-webkit-scrollbar-track {
734        border-radius: 11px;
735        background-color: transparent;
736      }
737
738      html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc::-webkit-scrollbar-thumb {
739        border-radius: 6px;
740        background-color: rgba(150, 150, 150, 0.66);
741        border: 3px solid rgba(150, 150, 150, 0.66);
742        background-clip: content-box;
743      }
744
745      html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc a {
746        text-decoration: none;
747      }
748
749      html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc ul {
750        padding: 1px 1.7em;
751        margin-top: 0.9em;
752      }
753
754      html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc li {
755        margin-bottom: 0.8em;
756      }
757
758      html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc ul {
759        list-style-type: none;
760      }
761
762      html body[for='html-export']:not([dpm])[hsst] .smartperf-preview {
763        left: 301px;
764        width: calc(100% - 300px);
765        padding: 2em calc(50% - 457px - 150px);
766        margin: 1px;
767        box-sizing: border-box;
768      }
769
770      @media screen and (max-width: 1274px) {
771        html body[for='html-export']:not([dpm])[hsst] .smartperf-preview {
772          padding: 1.9em;
773        }
774      }
775
776      @media screen and (max-width: 450px) {
777        html body[for='html-export']:not([dpm])[hsst] .smartperf-preview {
778          width: 99%;
779        }
780      }
781
782      html body[for='html-export']:not([dpm]):not([hsst]) .smartperf-preview {
783        left: 50%;
784        transform: translateX(-50%);
785      }
786
787      html body[for='html-export']:not([dpm]):not([hsst]) .md-sidebar-toc {
788        display: none;
789      }
790    </style>
791  </head>
792  <body for="html-export" id="body">
793    <div class="smartperf smartperf-preview">
794      <h1 class="mume-header fontColor">FileSystem的抓取和展示说明</h1>
795
796      <p class="fontColor">FileSystem分析文件系统的信息和活动，比如读和写操作等。</p>
797      <h2 class="mume-header fontColor">FileSystem的抓取</h2>
798
799      <h3 class="mume-header fontColor">FileSystem抓取配置参数</h3>
800
801      <p class="fontColor">
802        <img src="../figures/FileSystem/filesystemsetting.jpg" alt="GitHub Logo" /><br />
803        配置项说明：
804      </p>
805      <ul class="fontColor">
806        <li>
807          <pre class="smartperf-text fontColor light">
808Start FileSystem Record：配置项的总开关。
809</pre
810          >
811        </li>
812        <li>
813          <pre class="smartperf-text fontColor light">
814Process：默认配置的是整个系统的，也可选择单进程抓取。
815</pre
816          >
817        </li>
818        <li>
819          <pre class="smartperf-text fontColor light">
820Max Unwind Level：配置抓取调用栈的最大深度。
821</pre
822          >
823        </li>
824      </ul>
825      <p class="fontColor">
826        再点击Record setting，在output file path输入文件名hiprofiler_data_filesystem.htrace，拖动滚动条设置buffer
827        size大小是64M，抓取时长是50s。<br />
828        <img src="../figures/FileSystem/filesystemrecord.jpg" alt="GitHub Logo" /><br />
829        点击Trace command，就会根据上面的配置生成抓取命令，点击复制按钮，会将命令行复制。<br />
830        <img src="../figures/FileSystem/FileSystemcommand.jpg" alt="GitHub Logo" /><br />
831        输入hdc_std shell，进入设备，执行命令。<br />
832        <img src="../figures/FileSystem/FileSystemexcutecommand.jpg" alt="GitHub Logo" /><br />
833        执行完成后，进入指定目录查看，在/data/local/tmp下就会生成trace文件。<br />
834        <img src="../figures/FileSystem/FileSystemfile.jpg" alt="GitHub Logo" />
835      </p>
836      <h3 class="mume-header fontColor">FileSystem展示说明</h3>
837
838      <p class="fontColor">
839        将抓取的trace文件导入smartperf界面查看。<br />
840        <img src="../figures/FileSystem/FileSystemsummary.jpg" alt="GitHub Logo" />
841      </p>
842      <p class="fontColor">界面布局介绍：FileSystem整体界面布局分为3个部分：</p>
843      <ul class="fontColor">
844        <li>
845          <pre class="smartperf-text fontColor light">
846红色区域：泳道图。
847</pre
848          >
849        </li>
850        <li>
851          <pre class="smartperf-text fontColor light">
852绿色区域：详细信息。
853</pre
854          >
855        </li>
856        <li>
857          <pre class="smartperf-text fontColor light">
858黄色区域：辅助信息(Callstack)。
859</pre
860          >
861        </li>
862      </ul>
863      <h3 class="mume-header fontColor">FileSystem泳道图展示</h3>
864
865      <p class="fontColor">
866        FileSystem泳道图按照读操作和写操作展示，鼠标移动都泳道图上，悬浮框会以10ms为周期展示读，写类型系统调用的次数。<br />
867        <img src="../figures/FileSystem/FileSystemchart.jpg" alt="GitHub Logo" /><br />
868        按住w键放大界面，悬浮框会显示当前时刻的文件读写次数。<br />
869        <img src="../figures/FileSystem/FileSystemcount.jpg" alt="GitHub Logo" />
870      </p>
871      <h3 class="mume-header fontColor">FileSystem泳道图的框选功能</h3>
872
873      <p class="fontColor">
874        可以对读写操作泳道图进行框选，框选后在最下方的弹出层中会展示框选数据的统计表格，总共有五个tab页。<br />
875        FileSystem statistics的Tab页如图：<br />
876        <img src="../figures/FileSystem/FileSystemstatistics.jpg" alt="GitHub Logo" />
877      </p>
878      <ul class="fontColor">
879        <li>
880          <pre class="smartperf-text fontColor light">
881Syscall/Process： 按照数据类型，进程分类显示。
882</pre
883          >
884        </li>
885        <li>
886          <pre class="smartperf-text fontColor light">
887Count： 系统调用的数量。
888</pre
889          >
890        </li>
891        <li>
892          <pre class="smartperf-text fontColor light">
893Logical Writes：写数据统计。
894</pre
895          >
896        </li>
897        <li>
898          <pre class="smartperf-text fontColor light">
899Logical Reads：读数据统计。
900</pre
901          >
902        </li>
903        <li>
904          <pre class="smartperf-text fontColor light">
905Other Filesystem Bytes：其他数据量。
906</pre
907          >
908        </li>
909        <li>
910          <pre class="smartperf-text fontColor light">
911Duration：总时长。
912</pre
913          >
914        </li>
915        <li>
916          <pre class="smartperf-text fontColor light">
917Min Duration：最小时长。
918</pre
919          >
920        </li>
921        <li>
922          <pre class="smartperf-text fontColor light">
923Avg Duration： 平均时长。
924</pre
925          >
926        </li>
927        <li>
928          <pre class="smartperf-text fontColor light">
929Max Duration：最大时长。
930</pre
931          >
932        </li>
933      </ul>
934      <p class="fontColor">
935        FileSystem Calltree的Tab页如图：<br />
936        <img src="../figures/FileSystem/FileSystemCalltree.jpg" alt="GitHub Logo" />
937      </p>
938      <ul class="fontColor">
939        <li>
940          <pre class="smartperf-text fontColor light">
941Call Stack：为经过符号解析后的Callstack，并且给出动态链接库或者进程名的信息。
942</pre
943          >
944        </li>
945        <li>
946          <pre class="smartperf-text fontColor light">
947Local：为该调用方法自身占用的CPU时间。
948</pre
949          >
950        </li>
951        <li>
952          <pre class="smartperf-text fontColor light">
953Weight：调用方法的执行占比。
954</pre
955          >
956        </li>
957      </ul>
958      <p class="fontColor">
959        FileSystem Events的Tab页如图：<br />
960        <img src="../figures/FileSystem/FileSystemevents.jpg" alt="GitHub Logo" />
961      </p>
962      <ul class="fontColor">
963        <li>
964          <pre class="smartperf-text fontColor light">
965Start： 起始时间。
966</pre
967          >
968        </li>
969        <li>
970          <pre class="smartperf-text fontColor light">
971Duration：时长。
972</pre
973          >
974        </li>
975        <li>
976          <pre class="smartperf-text fontColor light">
977Process：进程名。
978</pre
979          >
980        </li>
981        <li>
982          <pre class="smartperf-text fontColor light">
983Thread：线程名。
984</pre
985          >
986        </li>
987        <li>
988          <pre class="smartperf-text fontColor light">
989Firsr Argument：系统调用的第一个参数。
990</pre
991          >
992        </li>
993        <li>
994          <pre class="smartperf-text fontColor light">
995Second Argument：系统调用的第二个参数。
996</pre
997          >
998        </li>
999        <li>
1000          <pre class="smartperf-text fontColor light">
1001Third Argument：系统调用的第三个参数。
1002</pre
1003          >
1004        </li>
1005        <li>
1006          <pre class="smartperf-text fontColor light">
1007Fourth Argument：系统调用的第四个参数。
1008</pre
1009          >
1010        </li>
1011        <li>
1012          <pre class="smartperf-text fontColor light">
1013Retrun：系统调用的返回值。
1014</pre
1015          >
1016        </li>
1017        <li>
1018          <pre class="smartperf-text fontColor light">
1019Error：错误码。
1020</pre
1021          >
1022        </li>
1023        <li>
1024          <pre class="smartperf-text fontColor light">
1025Backtrace：调用栈顶部函数，并显示调用栈深度。
1026</pre
1027          >
1028        </li>
1029      </ul>
1030      <p class="fontColor">
1031        File Descriptor History的Tab页如图：<br />
1032        <img src="../figures/FileSystem/FileSystemhistory.jpg" alt="GitHub Logo" />
1033      </p>
1034      <ul class="fontColor">
1035        <li>
1036          <pre class="smartperf-text fontColor light">
1037Start： 起始时间。
1038</pre
1039          >
1040        </li>
1041        <li>
1042          <pre class="smartperf-text fontColor light">
1043Duration：时长。
1044</pre
1045          >
1046        </li>
1047        <li>
1048          <pre class="smartperf-text fontColor light">
1049Process：进程名。
1050</pre
1051          >
1052        </li>
1053        <li>
1054          <pre class="smartperf-text fontColor light">
1055Type：操作类型。
1056</pre
1057          >
1058        </li>
1059        <li>
1060          <pre class="smartperf-text fontColor light">
1061File Descriptor：fd。
1062</pre
1063          >
1064        </li>
1065        <li>
1066          <pre class="smartperf-text fontColor light">
1067Backtrace：调用栈顶部函数，并显示调用栈深度。
1068</pre
1069          >
1070        </li>
1071      </ul>
1072      <p class="fontColor">
1073        File Descriptor Time Slice的Tab页如图：<br />
1074        <img src="../figures/FileSystem/FileSystemtimeslice.jpg" alt="GitHub Logo" />
1075      </p>
1076      <ul class="fontColor">
1077        <li>
1078          <pre class="smartperf-text fontColor light">
1079Open Time： 打开的起始时间。
1080</pre
1081          >
1082        </li>
1083        <li>
1084          <pre class="smartperf-text fontColor light">
1085Open Duration：打开的时长。
1086</pre
1087          >
1088        </li>
1089        <li>
1090          <pre class="smartperf-text fontColor light">
1091Process：进程名。
1092</pre
1093          >
1094        </li>
1095        <li>
1096          <pre class="smartperf-text fontColor light">
1097File Descriptor：fd。
1098</pre
1099          >
1100        </li>
1101        <li>
1102          <pre class="smartperf-text fontColor light">
1103Backtrace：调用栈顶部函数，并显示调用栈深度。
1104</pre
1105          >
1106        </li>
1107      </ul>
1108      <h3 class="mume-header fontColor">FileSystem支持多种Options展示风格</h3>
1109
1110      <p class="fontColor">
1111        点击FileSystem Calltree的Tab页底部的Options，会有两个CheckBox复选框。<br />
1112        <img src="../figures/FileSystem/FileSystemOptions.jpg" alt="GitHub Logo" />
1113      </p>
1114      <ul class="fontColor">
1115        <li>
1116          <pre class="smartperf-text fontColor light">
1117Invert：反向输出调用树。
1118</pre
1119          >
1120        </li>
1121        <li>
1122          <pre class="smartperf-text fontColor light">
1123Hide System so：隐藏系统库文件。
1124</pre
1125          >
1126        </li>
1127      </ul>
1128      <h3 class="mume-header fontColor">FileSystem支持过滤调用栈调用次数的展示风格</h3>
1129
1130      <p class="fontColor">
1131        点击FileSystem Calltree的Tab页底部的Sample Counter
1132        Filter，可以填上区间值。过滤出符合该区间值调用次数的调用栈信息。<br />
1133        <img src="../figures/FileSystem/FileSystemsamplecounter.jpg" alt="GitHub Logo" />
1134      </p>
1135      <h3 class="mume-header fontColor">FileSystem功能的调用栈Group展示-数据分析支持剪裁功能</h3>
1136
1137      <p class="fontColor"><img src="../figures/FileSystem/FileSystemdatamining.jpg" alt="GitHub Logo" /></p>
1138      <ul class="fontColor">
1139        <li>
1140          <p class="fontColor">
1141            裁剪Callstack，点击Callstack上一个节点符号，再点击底部Symbol
1142            Filter按钮，则该符号自动被裁剪掉，同时将该节点往下所有的Callstack内容裁剪掉。
1143          </p>
1144        </li>
1145        <li>
1146          <p class="fontColor">裁剪Library，点击Library Filter按钮，则该库文件符号下所有的子节点也被裁剪。</p>
1147        </li>
1148        <li>
1149          <p class="fontColor">点击Reset按钮，将恢复选中的裁剪内容。</p>
1150        </li>
1151      </ul>
1152      <h3 class="mume-header fontColor">FileSystem功能的调用栈Group展示支持按条件过滤</h3>
1153
1154      <p class="fontColor">
1155        在Input Filter输入关键字，会显示出带有该关键字的展示信息。<br />
1156        <img src="../figures/FileSystem/FileSysteminputfilter.jpg" alt="GitHub Logo" />
1157      </p>
1158      <h3 class="mume-header fontColor">FileSystem辅助信息区展示调用栈</h3>
1159
1160      <p class="fontColor">
1161        当在详细信息区选择一个符号时，将展示与该符号相关的完整的调用栈。如下图的Heaviest Stack Trace：<br />
1162        <img src="../figures/FileSystem/FileSystemheaviesttrace.jpg" alt="GitHub Logo" />
1163      </p>
1164      <h3 class="mume-header fontColor">FileSystem的事件类型的过滤</h3>
1165
1166      <p class="fontColor">
1167        通过选择可以过滤是Open类型，还是Close类型事件。<br />
1168        <img src="../figures/FileSystem/filesystemfilter.jpg" alt="GitHub Logo" />
1169      </p>
1170      <h3 class="mume-header fontColor">FileSystem的火焰图功能</h3>
1171
1172      <p class="fontColor">
1173        点击FileSystem Calltre左下角的柱状图的图标，会切换到火焰图页面。<br />
1174        <img src="../figures/FileSystem/FileSystemflame.jpg" alt="GitHub Logo" /><br />
1175        进入到火焰图页面，火焰图的展示跟Callinfo的tab页的调用栈显示一致，鼠标放到色块上，悬浮框可以显示调用栈名称和Duration时长。<br />
1176        <img src="../figures/FileSystem/FileSystemflameshow.jpg" alt="GitHub Logo" /><br />
1177        鼠标左键火焰图，会进入下一级界面，右键回到上一级。<br />
1178        <img src="../figures/FileSystem/FileSystemflamelevel.jpg" alt="GitHub Logo" />
1179      </p>
1180    </div>
1181
1182    <script>
1183      window.onload = () => {
1184        let isDark = window.location.search;
1185        if (isDark.indexOf('?') != -1) {
1186          isDark = isDark.substr(1, isDark.length - 1);
1187        }
1188        if (isDark == 'true') {
1189          document.getElementById('body').setAttribute('style', 'background-color:#272C34;');
1190          let header = document.getElementsByClassName('fontColor');
1191          for (let i = 0; i < header.length; i++) {
1192            header[i].style.color = '#fff';
1193          }
1194          let lightBackGround = document.getElementsByClassName('light');
1195          for (let i = 0; i < lightBackGround.length; i++) {
1196            lightBackGround[i].style.backgroundColor = '#32373F';
1197          }
1198        }
1199      };
1200    </script>
1201  </body>
1202</html>
1203