Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(632)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: runtime/bin/vmservice/client/deployed/web/index_devtools.html

Issue 251043003: Observatory Display PC descriptors with disassembling (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 3
4 <title>Dart VM Observatory</title> 4 <title>Dart VM Observatory</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 6 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" >
7 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 7 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
8 <script src="packages/browser/interop.js"></script> 8 <script src="packages/browser/interop.js"></script>
9 9
10 <script src="index_devtools.html_bootstrap.dart.js"></script> 10 <script src="index_devtools.html_bootstrap.dart.js"></script>
(...skipping 598 matching lines...) Expand 10 before | Expand all | Expand 10 after
609 <a href="{{ url }}">{{ name }}</a> 609 <a href="{{ url }}">{{ name }}</a>
610 </template> 610 </template>
611 <template if="{{ !code.isDartCode }}"> 611 <template if="{{ !code.isDartCode }}">
612 <span>{{ name }}</span> 612 <span>{{ name }}</span>
613 </template> 613 </template>
614 </template> 614 </template>
615 615
616 </polymer-element><polymer-element name="code-view" extends="observatory-element "> 616 </polymer-element><polymer-element name="code-view" extends="observatory-element ">
617 <template> 617 <template>
618 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 618 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s">
619 <style>
620 div.flex-row:hover {
621 background-color: #FFF3E3;
622 }
623
624 .highlight {
625 background-color: #FFF3E3;
626 }
627
628 .tooltip {
629 display: block;
630 position: absolute;
631 visibility: hidden;
632 opacity: 0;
633 transition: visibility 0s linear 0.5s;
634 transition: opacity .4s ease-in-out;
635 }
636
637 .flex-row:hover .tooltip {
638 display: block;
639 position: absolute;
640 top: 100%;
641 visibility: visible;
642 z-index: 999;
643 width: auto;
644 min-width: 400px;
645 color: #ffffff;
646 background-color: #FFF3E3;
647 border-bottom-right-radius: 8px;
648 border-bottom-left-radius: 8px;
649 transition: visibility 0s linear 0.5s;
650 transition: opacity .4s ease-in-out;
651 opacity: 1;
652 }
653
654 .descriptor-address {
655 color: #0489c3;
656 }
657
658 .snippet {
659 text-align: center;
660 margin-left: 10px;
661 margin-right: 10px;
662 }
663
664 </style>
619 <nav-bar> 665 <nav-bar>
620 <top-nav-menu></top-nav-menu> 666 <top-nav-menu></top-nav-menu>
621 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu> 667 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu>
622 <nav-menu link="." anchor="{{ code.name }}" last="{{ true }}"></nav-menu> 668 <nav-menu link="." anchor="{{ code.name }}" last="{{ true }}"></nav-menu>
623 <nav-refresh callback="{{ refresh }}"></nav-refresh> 669 <nav-refresh callback="{{ refresh }}"></nav-refresh>
624 </nav-bar> 670 </nav-bar>
625 <div class="content"> 671 <div class="content">
626 <h1>Code for {{ code.name }}</h1> 672 <h1>Code for {{ code.name }}</h1>
627 <div class="memberList"> 673 <div class="memberList">
628 <div class="memberItem"> 674 <div class="memberItem">
(...skipping 27 matching lines...) Expand all
656 <div class="content"> 702 <div class="content">
657 <template if="{{ code.hasDisassembly }}"> 703 <template if="{{ code.hasDisassembly }}">
658 <div class="flex-row"> 704 <div class="flex-row">
659 <div class="flex-item-fixed-2-12 memberHeader">Inclusive</div> 705 <div class="flex-item-fixed-2-12 memberHeader">Inclusive</div>
660 <div class="flex-item-fixed-2-12 memberHeader">Exclusive</div> 706 <div class="flex-item-fixed-2-12 memberHeader">Exclusive</div>
661 <div class="flex-item-fixed-2-12 memberHeader">Address</div> 707 <div class="flex-item-fixed-2-12 memberHeader">Address</div>
662 <div class="flex-item-fixed-6-12 memberHeader">Disassembly</div> 708 <div class="flex-item-fixed-6-12 memberHeader">Disassembly</div>
663 </div> 709 </div>
664 </template> 710 </template>
665 <template repeat="{{ instruction in code.instructions }}"> 711 <template repeat="{{ instruction in code.instructions }}">
666 <div class="flex-row"> 712 <div class="flex-row" on-mouseover="{{ mouseOver }}" on-mouseout="{{ mou seOut }}" data-jump-target="{{ instruction.jumpTarget.address }}" id="addr-{{ in struction.address }}" style="position: relative">
667 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formattedIn clusive(code) }}</div> 713 <template if="{{ instruction.isComment }}">
668 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formattedEx clusive(code) }}</div> 714 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formatted Inclusive(code) }}</div>
669 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formattedAd dress() }}</div> 715 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formatted Exclusive(code) }}</div>
670 <div class="flex-item-fixed-6-12 monospace">{{ instruction.human }}</d iv> 716 <div class="flex-item-fixed-8-12 monospace">{{ instruction.human }}< /div>
717 </template>
718 <template if="{{ !instruction.isComment }}">
719 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formatted Inclusive(code) }}</div>
720 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formatted Exclusive(code) }}</div>
721 <template if="{{ instruction.hasDescriptors }}">
722 <div class="flex-item-fixed-2-12 monospace descriptor-address">
723 <div class="tooltip">
724 <template repeat="{{ descriptor in instruction.descriptors }}" >
725 <div class="memberList">
726 <div class="memberItem">
727 <div class="memberName">Kind</div>
728 <div class="memberValue">{{ descriptor.kind }}</div>
729 </div>
730 <div class="memberItem">
731 <div class="memberName">Deoptimization ID</div>
732 <div class="memberValue">{{ descriptor.formattedDeoptId() }}</div>
733 </div>
734 <template if="{{ descriptor.script != null }}">
735 <div class="memberItem">
736 <div class="memberName">Script</div>
737 <div class="memberValue"><script-ref ref="{{ descriptor .script }}" pos="{{ descriptor.tokenPos }}"></script-ref></div>
738 </div>
739 </template>
740 </div>
741 <template if="{{ descriptor.script != null }}">
742 <div class="snippet monospace">
743 <span>{{ descriptor.formattedLine }}</span>
744 </div>
745 </template>
746 </template>
747 </div>
748 {{ instruction.formattedAddress() }}
749 </div>
750 </template>
751 <template if="{{ !instruction.hasDescriptors }}">
752 <div class="flex-item-fixed-2-12 monospace">
753 {{ instruction.formattedAddress() }}
754 </div>
755 </template>
756 <div class="flex-item-fixed-6-12 monospace">
757 {{ instruction.human }}
758 </div>
759 </template>
671 </div> 760 </div>
672 </template> 761 </template>
673 </div> 762 </div>
674 </template> 763 </template>
675 764
676 </polymer-element> 765 </polymer-element>
677 <polymer-element name="collapsible-content" extends="observatory-element"> 766 <polymer-element name="collapsible-content" extends="observatory-element">
678 <template> 767 <template>
679 <div class="well row"> 768 <div class="well row">
680 <a on-click="toggleDisplay" class="btn muted unselectable"> 769 <a on-click="toggleDisplay" class="btn muted unselectable">
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
721 <template if="{{ result != null }}"> 810 <template if="{{ result != null }}">
722 = <instance-ref ref="{{ result }}"></instance-ref> 811 = <instance-ref ref="{{ result }}"></instance-ref>
723 </template> 812 </template>
724 813
725 </template> 814 </template>
726 815
727 </polymer-element> 816 </polymer-element>
728 <polymer-element name="field-view" extends="observatory-element"> 817 <polymer-element name="field-view" extends="observatory-element">
729 <template> 818 <template>
730 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 819 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s">
731
732 <nav-bar> 820 <nav-bar>
733 <top-nav-menu></top-nav-menu> 821 <top-nav-menu></top-nav-menu>
734 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu> 822 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu>
735 <template if="{{ field['owner'].serviceType == 'Class' }}"> 823 <template if="{{ field['owner'].serviceType == 'Class' }}">
736 <!-- TODO(turnidge): Add library nav menu here. --> 824 <!-- TODO(turnidge): Add library nav menu here. -->
737 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu> 825 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu>
738 </template> 826 </template>
739 <template if="{{ field['owner'].serviceType == 'Library' }}"> 827 <template if="{{ field['owner'].serviceType == 'Library' }}">
740 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu> 828 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu>
741 </template> 829 </template>
(...skipping 1004 matching lines...) Expand 10 before | Expand all | Expand 10 after
1746 <th>Self</th> 1834 <th>Self</th>
1747 </tr> 1835 </tr>
1748 </thead> 1836 </thead>
1749 <tbody> 1837 <tbody>
1750 <tr template="" repeat="{{row in tree.rows }}" style="{{}}"> 1838 <tr template="" repeat="{{row in tree.rows }}" style="{{}}">
1751 <td on-click="{{toggleExpanded}}" class="{{ coloring(row) }}" style= "{{ padding(row) }}"> 1839 <td on-click="{{toggleExpanded}}" class="{{ coloring(row) }}" style= "{{ padding(row) }}">
1752 <span id="expand" style="cursor: pointer;">{{ row.expander }}</spa n> 1840 <span id="expand" style="cursor: pointer;">{{ row.expander }}</spa n>
1753 <div style="position: relative;display: inline"> 1841 <div style="position: relative;display: inline">
1754 {{row.columns[0]}} 1842 {{row.columns[0]}}
1755 </div> 1843 </div>
1756 <function-ref ref="{{ row.code.function }}"></function-ref> 1844 <code-ref ref="{{ row.code }}"></code-ref>
1757 </td> 1845 </td>
1758 <td class="{{ coloring(row) }}" style="position: relative"> 1846 <td class="{{ coloring(row) }}" style="position: relative">
1759 {{row.columns[1]}} 1847 {{row.columns[1]}}
1760 <div class="tooltip"> 1848 <div class="tooltip">
1761 <div class="memberList"> 1849 <div class="memberList">
1762 <div class="memberItem"> 1850 <div class="memberItem">
1763 <div class="memberName white">Kind</div> 1851 <div class="memberName white">Kind</div>
1764 <div class="memberValue white">{{ row.tipKind }}</div> 1852 <div class="memberValue white">{{ row.tipKind }}</div>
1765 </div> 1853 </div>
1766 <div class="memberItem"> 1854 <div class="memberItem">
(...skipping 304 matching lines...) Expand 10 before | Expand all | Expand 10 after
2071 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 2159 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css">
2072 <a href="{{ url }}">{{ ref.name }}</a> 2160 <a href="{{ url }}">{{ ref.name }}</a>
2073 </template> 2161 </template>
2074 2162
2075 </polymer-element> 2163 </polymer-element>
2076 2164
2077 2165
2078 <observatory-application devtools="true"></observatory-application> 2166 <observatory-application devtools="true"></observatory-application>
2079 2167
2080 </body></html> 2168 </body></html>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698