DevTools: introduce "Track CSS Usage" experiment

third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 63 matching lines @@
     /** @type {!Array.<!WebInspector.TimelineModeView>} */
     this._currentViews = [];
 
     this._captureNetworkSetting = WebInspector.settings.createSetting('timelineCaptureNetwork', false);
     this._captureJSProfileSetting = WebInspector.settings.createSetting('timelineEnableJSSampling', true);
     this._captureMemorySetting = WebInspector.settings.createSetting('timelineCaptureMemory', false);
     this._captureLayersAndPicturesSetting =
         WebInspector.settings.createSetting('timelineCaptureLayersAndPictures', false);
     this._captureFilmStripSetting = WebInspector.settings.createSetting('timelineCaptureFilmStrip', false);
 
+    this._markUnusedCSS = WebInspector.settings.createSetting('timelineMarkUnusedCSS', false);
+
     this._panelToolbar = new WebInspector.Toolbar('', this.element);
     this._createToolbarItems();
 
     var timelinePane = new WebInspector.VBox();
     timelinePane.show(this.element);
     var topPaneElement = timelinePane.element.createChild('div', 'hbox');
     topPaneElement.id = 'timeline-overview-panel';
 
     // Create top overview component.
     this._overviewPane = new WebInspector.TimelineOverviewPane('timeline');
@@ skipping 263 matching lines @@
           WebInspector.UIString('Memory'), this._captureMemorySetting,
           WebInspector.UIString('Capture memory information on every timeline event.')));
       this._panelToolbar.appendToolbarItem(this._createSettingCheckbox(
           WebInspector.UIString('Paint'), this._captureLayersAndPicturesSetting,
           WebInspector.UIString(
               'Capture graphics layer positions and rasterization draw calls. (Has large performance overhead)')));
     } else {
       this._panelToolbar.appendToolbarItem(screenshotCheckbox);
     }
 
+    if (Runtime.experiments.isEnabled('timelineRuleUsageRecording')) {
+      this._panelToolbar.appendToolbarItem(this._createSettingCheckbox(
+          WebInspector.UIString('CSS coverage'), this._markUnusedCSS,
+          WebInspector.UIString('Mark unused CSS in souces.')));
+    }
+
     this._captureNetworkSetting.addChangeListener(this._onNetworkChanged, this);
     this._captureMemorySetting.addChangeListener(this._onModeChanged, this);
     this._captureFilmStripSetting.addChangeListener(this._onModeChanged, this);
 
     this._panelToolbar.appendSeparator();
     var garbageCollectButton =
         new WebInspector.ToolbarButton(WebInspector.UIString('Collect garbage'), 'largeicon-trash-bin');
     garbageCollectButton.addEventListener('click', this._garbageCollectButtonClicked, this);
     this._panelToolbar.appendToolbarItem(garbageCollectButton);
 
@@ skipping 190 matching lines @@
    * @param {boolean} userInitiated
    */
   _startRecording(userInitiated) {
     console.assert(!this._statusPane, 'Status pane is already opened.');
     var mainTarget = WebInspector.targetManager.mainTarget();
     if (!mainTarget)
       return;
     this._setState(WebInspector.TimelinePanel.State.StartPending);
     this._showRecordingStarted();
 
+    if (Runtime.experiments.isEnabled('timelineRuleUsageRecording') && this._markUnusedCSS.get())
+      WebInspector.CSSModel.fromTarget(mainTarget).startRuleUsageTracking();
+
     this._autoRecordGeneration = userInitiated ? null : Symbol('Generation');
     this._controller = new WebInspector.TimelineController(mainTarget, this, this._tracingModel);
     this._controller.startRecording(
         true, this._captureJSProfileSetting.get(), this._captureMemorySetting.get(),
         this._captureLayersAndPicturesSetting.get(),
         this._captureFilmStripSetting && this._captureFilmStripSetting.get());
 
     for (var i = 0; i < this._overviewControls.length; ++i)
       this._overviewControls[i].timelineStarted();
 
@@ skipping 35 matching lines @@
       this._stopRecording();
   }
 
   _garbageCollectButtonClicked() {
     var targets = WebInspector.targetManager.targets();
     for (var i = 0; i < targets.length; ++i)
       targets[i].heapProfilerAgent().collectGarbage();
   }
 
   _clear() {
+    if (Runtime.experiments.isEnabled('timelineRuleUsageRecording') && this._markUnusedCSS.get())
+      WebInspector.CoverageProfile.instance().reset();
+
     WebInspector.LineLevelProfile.instance().reset();
     this._tracingModel.reset();
     this._model.reset();
     this._showRecordingHelpMessage();
 
     this.requestWindowTimes(0, Infinity);
     delete this._selection;
     this._frameModel.reset();
     this._filmStripModel.reset(this._tracingModel);
     this._overviewPane.reset();
@@ skipping 1354 matching lines @@
   /**
    * @param {!Event} event
    */
   _onKeyDown(event) {
     if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Enter.code) {
       event.preventDefault();
       this._apply();
     }
   }
 };