| OLD | NEW |
|---|
| 1 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js"
></script> | 1 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js"
></script> |
| 2 <script src="packages/custom_element/custom-elements.debug.js"></script> | 2 <script src="packages/custom_element/custom-elements.debug.js"></script> |
| 3 <script src="packages/browser/interop.js"></script> | 3 <script src="packages/browser/interop.js"></script> |
| 4 | 4 |
| 5 <title>Dart VM Observatory</title> | 5 <title>Dart VM Observatory</title> |
| 6 <meta charset="utf-8"> | 6 <meta charset="utf-8"> |
| 7 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c
ss"> | 7 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c
ss"> |
| 8 | 8 |
| 9 <script src="index_devtools.html_bootstrap.dart.js"></script> | 9 <script src="index_devtools.html_bootstrap.dart.js"></script> |
| 10 | 10 |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 </li> | 26 </li> |
| 27 </template> | 27 </template> |
| 28 </ul> | 28 </ul> |
| 29 </template> | 29 </template> |
| 30 </template> | 30 </template> |
| 31 | 31 |
| 32 </polymer-element><polymer-element name="service-ref" extends="observatory-eleme
nt"> | 32 </polymer-element><polymer-element name="service-ref" extends="observatory-eleme
nt"> |
| 33 | 33 |
| 34 </polymer-element><polymer-element name="class-ref" extends="service-ref"> | 34 </polymer-element><polymer-element name="class-ref" extends="service-ref"> |
| 35 <template> | 35 <template> |
| 36 <a href="{{ url }}">{{ name }}</a> | 36 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> |
| 37 </template> | 37 </template> |
| 38 | 38 |
| 39 </polymer-element> | 39 </polymer-element> |
| 40 <polymer-element name="error-view" extends="observatory-element"> | 40 <polymer-element name="error-view" extends="observatory-element"> |
| 41 <template> | 41 <template> |
| 42 <div class="row"> | 42 <div class="row"> |
| 43 <div class="col-md-8 col-md-offset-2"> | 43 <div class="col-md-8 col-md-offset-2"> |
| 44 <div class="panel panel-danger"> | 44 <div class="panel panel-danger"> |
| 45 <div class="panel-heading">{{ error['errorType'] }}</div> | 45 <div class="panel-heading">{{ error['errorType'] }}</div> |
| 46 <div class="panel-body"> | 46 <div class="panel-body"> |
| 47 <p>{{ error['text'] }}</p> | 47 <p>{{ error['text'] }}</p> |
| 48 </div> | 48 </div> |
| 49 </div> | 49 </div> |
| 50 </div> | 50 </div> |
| 51 </div> | 51 </div> |
| 52 </template> | 52 </template> |
| 53 | 53 |
| 54 </polymer-element><polymer-element name="field-ref" extends="service-ref"> | 54 </polymer-element><polymer-element name="field-ref" extends="service-ref"> |
| 55 <template> | 55 <template> |
| 56 <div> | 56 <div> |
| 57 <template if="{{ ref['final'] }}"> final </template> | 57 <template if="{{ ref['final'] }}"> final </template> |
| 58 <template if="{{ ref['const'] }}"> const </template> | 58 <template if="{{ ref['const'] }}"> const </template> |
| 59 <template if="{{ (ref['declared_type']['name'] == 'dynamic' && !ref['f
inal'] && !ref['const']) }}"> | 59 <template if="{{ (ref['declared_type']['name'] == 'dynamic' && !ref['f
inal'] && !ref['const']) }}"> |
| 60 var | 60 var |
| 61 </template> | 61 </template> |
| 62 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> | 62 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> |
| 63 <class-ref app="{{ app }}" ref="{{ ref['declared_type'] }}"></class-ref> | 63 <class-ref app="{{ app }}" ref="{{ ref['declared_type'] }}"></class-ref> |
| 64 </template> | 64 </template> |
| 65 <a href="{{ url }}">{{ name }}</a> | 65 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> |
| 66 </div> | 66 </div> |
| 67 </template> </polymer-element><polymer-element name="function-ref" extends="ser
vice-ref"> | 67 </template> </polymer-element><polymer-element name="function-ref" extends="ser
vice-ref"> |
| 68 <template> | 68 <template> |
| 69 <a href="{{ url }}">{{ name }}</a> | 69 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> |
| 70 </template> | 70 </template> |
| 71 | 71 |
| 72 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> | 72 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> |
| 73 <template> | 73 <template> |
| 74 <div> | 74 <div> |
| 75 <template if="{{ (ref['type'] == 'null') }}"> | 75 <template if="{{ (ref['type'] == 'null') }}"> |
| 76 {{ "null" }} | 76 {{ "null" }} |
| 77 </template> | 77 </template> |
| 78 <template if="{{ (ref['type'] != 'null') }}"> | 78 <template if="{{ (ref['type'] != 'null') }}"> |
| 79 <a href="{{ url }}">{{ name }} </a> | 79 <a href="{{ url }}">{{ name }} </a> |
| (...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 293 </div> | 293 </div> |
| 294 </div> | 294 </div> |
| 295 </div> | 295 </div> |
| 296 </div> | 296 </div> |
| 297 </template> | 297 </template> |
| 298 | 298 |
| 299 </polymer-element><polymer-element name="isolate-summary" extends="observatory-e
lement"> | 299 </polymer-element><polymer-element name="isolate-summary" extends="observatory-e
lement"> |
| 300 <template> | 300 <template> |
| 301 <div class="row"> | 301 <div class="row"> |
| 302 <div class="col-md-1"> | 302 <div class="col-md-1"> |
| 303 <img src="packages/observatory/src/observatory_elements/img/isolate_icon
.png" class="img-polaroid"> | 303 <img src="img/isolate_icon.png" class="img-polaroid"> |
| 304 </div> | 304 </div> |
| 305 <div class="col-md-1">{{ isolate }}</div> | 305 <div class="col-md-1">{{ isolate }}</div> |
| 306 <div class="col-md-10">{{ name }}</div> | 306 <div class="col-md-10">{{ name }}</div> |
| 307 </div> | 307 </div> |
| 308 <div class="row"> | 308 <div class="row"> |
| 309 <div class="col-md-2"></div> | 309 <div class="col-md-2"></div> |
| 310 <div class="col-md-1"> | 310 <div class="col-md-1"> |
| 311 <a href="{{ app.locationManager.relativeLink(isolate, 'stacktrac
e') }}">Stacktrace</a> | 311 <a href="{{ app.locationManager.relativeLink(isolate, 'stacktrac
e') }}">Stacktrace</a> |
| 312 </div> | 312 </div> |
| 313 <div class="col-md-1"> | 313 <div class="col-md-1"> |
| 314 <a href="{{ app.locationManager.relativeLink(isolate, 'library') }}">Lib
rary</a> | 314 <a href="{{ app.locationManager.relativeLink(isolate, 'library') }}">Lib
rary</a> |
| 315 </div> | 315 </div> |
| 316 <div class="col-md-1"> | 316 <div class="col-md-1"> |
| 317 <a href="{{ app.locationManager.relativeLink(isolate, 'debug/breakpoints
') }}">Breakpoints</a> | 317 <a href="{{ app.locationManager.relativeLink(isolate, 'debug/breakpoints
') }}">Breakpoints</a> |
| 318 </div> | 318 </div> |
| 319 <div class="col-md-1"> | 319 <div class="col-md-1"> |
| 320 <a href="{{ app.locationManager.relativeLink(isolate, 'profile') }}">Pro
file</a> | 320 <a href="{{ app.locationManager.relativeLink(isolate, 'profile') }}">Pro
file</a> |
| 321 </div> | 321 </div> |
| 322 <div class="col-md-1"> |
| 323 <a href="{{ app.locationManager.relativeLink(isolate, 'allocationprofile
') }}">Allocation Profile</a> |
| 324 </div> |
| 322 <div class="col-md-8"></div> | 325 <div class="col-md-8"></div> |
| 323 </div> | 326 </div> |
| 324 </template> | 327 </template> |
| 325 | 328 |
| 326 </polymer-element> | 329 </polymer-element> |
| 327 <polymer-element name="isolate-list" extends="observatory-element"> | 330 <polymer-element name="isolate-list" extends="observatory-element"> |
| 328 <template> | 331 <template> |
| 329 <ul class="list-group"> | 332 <ul class="list-group"> |
| 330 <template repeat="{{ isolate in app.isolateManager.isolates.values }}"> | 333 <template repeat="{{ isolate in app.isolateManager.isolates.values }}"> |
| 331 <li class="list-group-item"> | 334 <li class="list-group-item"> |
| (...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 470 </td> | 473 </td> |
| 471 <td> | 474 <td> |
| 472 <class-ref app="{{ app }}" ref="{{ cls }}" internal=""></class-ref> | 475 <class-ref app="{{ app }}" ref="{{ cls }}" internal=""></class-ref> |
| 473 </td> | 476 </td> |
| 474 </tr> | 477 </tr> |
| 475 </tbody> | 478 </tbody> |
| 476 </table> | 479 </table> |
| 477 | 480 |
| 478 </template> | 481 </template> |
| 479 | 482 |
| 483 </polymer-element><polymer-element name="heap-profile" extends="observatory-elem
ent"> |
| 484 <template> |
| 485 <div> |
| 486 <button type="button" on-click="{{refreshData}}">Refresh</button> |
| 487 </div> |
| 488 <div> |
| 489 <span>New Space </span> |
| 490 <span>{{ status(true) }}</span> |
| 491 </div> |
| 492 <div> |
| 493 <span>Old Space </span> |
| 494 <span>{{ status(false) }}</span> |
| 495 </div> |
| 496 <table class="table table-hover"> |
| 497 <thead> |
| 498 <tr> |
| 499 <th>Class</th> |
| 500 <th><button on-click="{{changeSortColumn}}" data-msg="1">Current (new)</
button></th> |
| 501 <th><button on-click="{{changeSortColumn}}" data-msg="2">Allocated since
GC (new)</button></th> |
| 502 <th><button on-click="{{changeSortColumn}}" data-msg="3">Total before la
st GC (new)</button></th> |
| 503 <th><button on-click="{{changeSortColumn}}" data-msg="4">Total after las
t GC (new)</button></th> |
| 504 <th><button on-click="{{changeSortColumn}}" data-msg="5">Current (old)</
button></th> |
| 505 <th><button on-click="{{changeSortColumn}}" data-msg="6">Allocated since
GC (old)</button></th> |
| 506 <th><button on-click="{{changeSortColumn}}" data-msg="7">Total before la
st GC (old)</button></th> |
| 507 <th><button on-click="{{changeSortColumn}}" data-msg="8">Total after las
t GC (old)</button></th> |
| 508 </tr> |
| 509 </thead> |
| 510 <tbody> |
| 511 <tr template="" repeat="{{ cls in sortedProfile }}"> |
| 512 <td><class-ref app="{{ app }}" ref="{{ cls['class'] }}"></class-ref></td> |
| 513 <td>{{ current(cls, true) }}</td> |
| 514 <td>{{ allocated(cls, true) }}</td> |
| 515 <td>{{ beforeGC(cls, true) }}</td> |
| 516 <td>{{ afterGC(cls, true) }}</td> |
| 517 <td>{{ current(cls, false) }}</td> |
| 518 <td>{{ allocated(cls, false) }}</td> |
| 519 <td>{{ beforeGC(cls, false) }}</td> |
| 520 <td>{{ afterGC(cls, false) }}</td> |
| 521 </tr> |
| 522 </tbody> |
| 523 </table> |
| 524 </template> |
| 525 |
| 480 </polymer-element><polymer-element name="script-view" extends="observatory-eleme
nt"> | 526 </polymer-element><polymer-element name="script-view" extends="observatory-eleme
nt"> |
| 481 <template> | 527 <template> |
| 482 <div class="row"> | 528 <div class="row"> |
| 483 <div class="col-md-8 col-md-offset-2"> | 529 <div class="col-md-8 col-md-offset-2"> |
| 484 <div class="panel-heading"> | 530 <div class="panel-heading"> |
| 485 <button on-click="{{refreshCoverage}}">Refresh Coverage</button> | 531 <button on-click="{{refreshCoverage}}">Refresh Coverage</button> |
| 486 {{ script.scriptRef['user_name'] }} | 532 {{ script.scriptRef['user_name'] }} |
| 487 {{ script.coveredPercentageFormatted() }} | 533 {{ script.coveredPercentageFormatted() }} |
| 488 </div> | 534 </div> |
| 489 <div class="panel-body"> | 535 <div class="panel-body"> |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 573 </template> | 619 </template> |
| 574 <template if="{{ messageType == 'Function' }}"> | 620 <template if="{{ messageType == 'Function' }}"> |
| 575 <function-view app="{{ app }}" function="{{ message }}"></function-view> | 621 <function-view app="{{ app }}" function="{{ message }}"></function-view> |
| 576 </template> | 622 </template> |
| 577 <template if="{{ messageType == 'Code' }}"> | 623 <template if="{{ messageType == 'Code' }}"> |
| 578 <code-view app="{{ app }}" code="{{ message['code'] }}"></code-view> | 624 <code-view app="{{ app }}" code="{{ message['code'] }}"></code-view> |
| 579 </template> | 625 </template> |
| 580 <template if="{{ messageType == 'Script' }}"> | 626 <template if="{{ messageType == 'Script' }}"> |
| 581 <script-view app="{{ app }}" script="{{ message['script'] }}"></script-vie
w> | 627 <script-view app="{{ app }}" script="{{ message['script'] }}"></script-vie
w> |
| 582 </template> | 628 </template> |
| 629 <template if="{{ messageType == 'AllocationProfile' }}"> |
| 630 <heap-profile app="{{ app }}" profile="{{ message }}"></heap-profile> |
| 631 </template> |
| 583 <template if="{{ messageType == 'CPU' }}"> | 632 <template if="{{ messageType == 'CPU' }}"> |
| 584 <json-view json="{{ message }}"></json-view> | 633 <json-view json="{{ message }}"></json-view> |
| 585 </template> | 634 </template> |
| 586 <!-- Add new views and message types in the future here. --> | 635 <!-- Add new views and message types in the future here. --> |
| 587 </template> | 636 </template> |
| 588 | 637 |
| 589 </polymer-element><polymer-element name="navigation-bar-isolate" extends="observ
atory-element"> | 638 </polymer-element><polymer-element name="navigation-bar-isolate" extends="observ
atory-element"> |
| 590 <template> | 639 <template> |
| 591 <ul class="nav navbar-nav"> | 640 <ul class="nav navbar-nav"> |
| 592 <li><a href="{{ currentIsolateLink('') }}"> {{currentIsolateName()}}</a>
</li> | 641 <li><a href="{{ currentIsolateLink('') }}"> {{currentIsolateName()}}</a>
</li> |
| (...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 657 <isolate-profile app="{{ app }}"></isolate-profile> | 706 <isolate-profile app="{{ app }}"></isolate-profile> |
| 658 </template> | 707 </template> |
| 659 <template if="{{ app.locationManager.profile == false }}"> | 708 <template if="{{ app.locationManager.profile == false }}"> |
| 660 <response-viewer app="{{ app }}"></response-viewer> | 709 <response-viewer app="{{ app }}"></response-viewer> |
| 661 </template> | 710 </template> |
| 662 </template> | 711 </template> |
| 663 | 712 |
| 664 </polymer-element> | 713 </polymer-element> |
| 665 <observatory-application devtools="true"></observatory-application> | 714 <observatory-application devtools="true"></observatory-application> |
| 666 | 715 |
| 667 </body></html> | 716 </body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 51653006:
Track live instance and allocation counts for classes (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart