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

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

Issue 197923005: Visualize heap fragmentation in Observatory. (Closed) Base URL: http://dart.googlecode.com/svn/branches/bleeding_edge/dart/
Patch Set: Created 6 years, 9 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
OLDNEW
1 <!DOCTYPE html><html><head> 1 <!DOCTYPE html><html><head>
2 2
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 type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss"> 6 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss">
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 8
9 9
10 <script src="index_devtools.html_bootstrap.dart.js"></script> 10 <script src="index_devtools.html_bootstrap.dart.js"></script>
(...skipping 156 matching lines...) Expand 10 before | Expand all | Expand 10 after
167 </nav-menu> 167 </nav-menu>
168 </template> 168 </template>
169 </polymer-element> 169 </polymer-element>
170 170
171 <polymer-element name="isolate-nav-menu" extends="observatory-element"> 171 <polymer-element name="isolate-nav-menu" extends="observatory-element">
172 <template> 172 <template>
173 <nav-menu link="#" anchor="{{ isolate.name }}" last="{{ last }}"> 173 <nav-menu link="#" anchor="{{ isolate.name }}" last="{{ last }}">
174 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" anchor= "stack trace"></nav-menu-item> 174 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" anchor= "stack trace"></nav-menu-item>
175 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" anchor="cp u profile"></nav-menu-item> 175 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" anchor="cp u profile"></nav-menu-item>
176 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile"></nav-menu-item> 176 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile"></nav-menu-item>
177 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" anchor="he ap map"></nav-menu-item>
177 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" anchor="breakpoints"></nav-menu-item> 178 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" anchor="breakpoints"></nav-menu-item>
178 <content></content> 179 <content></content>
179 </nav-menu> 180 </nav-menu>
180 </template> 181 </template>
181 </polymer-element> 182 </polymer-element>
182 183
183 <polymer-element name="library-nav-menu" extends="observatory-element"> 184 <polymer-element name="library-nav-menu" extends="observatory-element">
184 <template> 185 <template>
185 <nav-menu link="{{ library.hashLink }}" anchor="{{ library.name }}" last="{{ last }}"> 186 <nav-menu link="{{ library.hashLink }}" anchor="{{ library.name }}" last="{{ last }}">
186 <content></content> 187 <content></content>
(...skipping 554 matching lines...) Expand 10 before | Expand all | Expand 10 after
741 </tr> 742 </tr>
742 </tbody> 743 </tbody>
743 </table> 744 </table>
744 </div> 745 </div>
745 </div> 746 </div>
746 </div> 747 </div>
747 </div> 748 </div>
748 </template> 749 </template>
749 750
750 </polymer-element> 751 </polymer-element>
752 <polymer-element name="heap-map" extends="observatory-element">
753 <template>
754 <nav-bar>
755 <top-nav-menu></top-nav-menu>
756 <isolate-nav-menu isolate="{{ fragmentation.isolate }}"></isolate-nav-menu>
757 <nav-menu link="." anchor="heap map" last="{{ true }}"></nav-menu>
758 <nav-refresh callback="{{ refresh }}"></nav-refresh>
759 </nav-bar>
760 <div class="row">
761 <p style="text-align:center">{{ status }}</p>
762 </div>
763 <div class="row">
764 <canvas id="fragmentation" width="1px" height="1px"></canvas>
765 </div>
766 </template>
767
768 </polymer-element>
751 <polymer-element name="script-ref" extends="service-ref"> 769 <polymer-element name="script-ref" extends="service-ref">
752 <template> 770 <template>
753 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 771 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
754 </template> 772 </template>
755 773
756 </polymer-element> 774 </polymer-element>
757 <polymer-element name="isolate-summary" extends="observatory-element"> 775 <polymer-element name="isolate-summary" extends="observatory-element">
758 <template> 776 <template>
759 <div class="row"> 777 <div class="row">
760 <div class="col-md-1"> 778 <div class="col-md-1">
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
810 <div class="row"> 828 <div class="row">
811 <div class="col-md-3">{{ isolate.timers['init'] | formatTime }}</div> 829 <div class="col-md-3">{{ isolate.timers['init'] | formatTime }}</div>
812 <div class="col-md-1"></div> 830 <div class="col-md-1"></div>
813 <div class="col-md-3"><p class="text-muted">init</p></div> 831 <div class="col-md-3"><p class="text-muted">init</p></div>
814 </div> 832 </div>
815 </div> 833 </div>
816 <div class="col-md-2"> 834 <div class="col-md-2">
817 <a href="{{ isolate.relativeHashLink('allocationprofile') }}"> 835 <a href="{{ isolate.relativeHashLink('allocationprofile') }}">
818 {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | format Size }} 836 {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | format Size }}
819 </a> 837 </a>
838 (<a href="{{ isolate.relativeHashLink('heapmap') }}">map</a>)
820 </div> 839 </div>
821 <div class="col-md-2"> 840 <div class="col-md-2">
822 <template if="{{ isolate.topFrame == null }}"> 841 <template if="{{ isolate.topFrame == null }}">
823 idle 842 idle
824 </template> 843 </template>
825 <template if="{{ isolate.topFrame != null }}"> 844 <template if="{{ isolate.topFrame != null }}">
826 run 845 run
827 </template> 846 </template>
828 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> ) 847 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> )
829 </div> 848 </div>
(...skipping 476 matching lines...) Expand 10 before | Expand all | Expand 10 after
1306 <template> 1325 <template>
1307 <response-viewer app="{{ app }}"></response-viewer> 1326 <response-viewer app="{{ app }}"></response-viewer>
1308 </template> 1327 </template>
1309 1328
1310 </polymer-element> 1329 </polymer-element>
1311 1330
1312 1331
1313 <observatory-application devtools="true"></observatory-application> 1332 <observatory-application devtools="true"></observatory-application>
1314 1333
1315 </body></html> 1334 </body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698