Introduce gpu_trace_event for gpu performance analysis.

chrome/browser/resources/gpu_internals.html

Index: chrome/browser/resources/gpu_internals.html
diff --git a/chrome/browser/resources/gpu_internals.html b/chrome/browser/resources/gpu_internals.html
index 8763249200cfa7ca6516fb1a5aae954d56be0f2d..5c17de7dd44b12f61fe9c039c69d7dcdf1882bf9 100644
--- a/chrome/browser/resources/gpu_internals.html
+++ b/chrome/browser/resources/gpu_internals.html
@@ -29,6 +29,7 @@ body {
 <link rel="stylesheet" href="gpu_internals/timeline_view.css">
 <link rel="stylesheet" href="gpu_internals/timeline.css">
 <link rel="stylesheet" href="gpu_internals/tracing_controller.css">
+<link rel="stylesheet" href="gpu_internals/raw_events_view.css">
 <script src="chrome://resources/js/cr.js"></script>
 <script src="chrome://resources/js/cr/event_target.js"></script>
 <script src="chrome://resources/js/cr/ui.js"></script>
@@ -44,6 +45,7 @@ body {
 <script src="gpu_internals/timeline_track.js"></script>
 <script src="gpu_internals/fast_rect_renderer.js"></script>
 <script src="gpu_internals/timeline_view.js"></script>
+<script src="gpu_internals/raw_events_view.js"></script>
 <script src="gpu_internals/simulated_trace_data.js"></script>
 
 <script>
@@ -62,6 +64,12 @@ function onLoad() {
   // Create the views.
   cr.ui.decorate('#info-view', gpu.InfoView);
 
+  var rawEventsView = $('raw-events-view');
+  if (browserBridge.debugMode)
+    cr.ui.decorate('#raw-events-view', gpu.RawEventsView);
+  else
+    rawEventsView.parentNode.removeChild(rawEventsView);
+
   timelineView = $('timeline-view');
   if (browserBridge.debugMode)
     cr.ui.decorate(timelineView, gpu.TimelineView);
@@ -100,9 +108,8 @@ document.addEventListener('DOMContentLoaded', onLoad);
   <!-- Tabs -->
   <div id="main-tabs">
     <include src="gpu_internals/info_view.html">
+    <include src="gpu_internals/raw_events_view.html">
     <include src="gpu_internals/timeline_view.html">
   </div>
-
-  <include src="gpu_internals/tracing_controller.html">
 </body>
 </html>