Devtools: Create layout editor experiment

Source/devtools/front_end/sdk/DOMModel.js

 /*
  * Copyright (C) 2009, 2010 Google Inc. All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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 1717 matching lines @@
             highlightConfig.showInfo = config.showInfo;
         this._highlighter.highlightDOMNode(this.nodeForId(nodeId || 0), highlightConfig, backendNodeId, objectId);
     },
 
     /**
      * @param {!DOMAgent.NodeId} nodeId
      */
     highlightDOMNodeForTwoSeconds: function(nodeId)
     {
         this.highlightDOMNode(nodeId);
-        this._hideDOMNodeHighlightTimeout = setTimeout(WebInspector.DOMModel.hideDOMNodeHighlight.bind(WebInspector.DOMModel), 2000);
+
+        if (!Runtime.experiments.isEnabled("wysiwygLayoutEditor"))

[dgozman, 2015/06/23 17:13:56]

wysiwyg

[sergeyv, 2015/06/23 17:21:13]

Done.

+            this._hideDOMNodeHighlightTimeout = setTimeout(WebInspector.DOMModel.hideDOMNodeHighlight.bind(WebInspector.DOMModel), 2000);
     },
 
     /**
      * @param {!PageAgent.FrameId} frameId
      */
     highlightFrame: function(frameId)
     {
         this._highlighter.highlightFrame(frameId);
     },
 
@@ skipping 42 matching lines @@
         if (mode === "all" || mode === "border")
             highlightConfig.borderColor = WebInspector.Color.PageHighlight.Border.toProtocolRGBA();
 
         if (mode === "all" || mode === "margin")
             highlightConfig.marginColor = WebInspector.Color.PageHighlight.Margin.toProtocolRGBA();
 
         if (mode === "all") {
             highlightConfig.eventTargetColor = WebInspector.Color.PageHighlight.EventTarget.toProtocolRGBA();
             highlightConfig.shapeColor = WebInspector.Color.PageHighlight.Shape.toProtocolRGBA();
             highlightConfig.shapeMarginColor = WebInspector.Color.PageHighlight.ShapeMargin.toProtocolRGBA();
+            highlightConfig.showLayoutEditor = Runtime.experiments.isEnabled("layoutEditor");
         }
         return highlightConfig;
     },
 
     /**
      * @param {!WebInspector.DOMNode} node
      * @param {function(?Protocol.Error, ...)=} callback
      * @return {function(...)}
      * @template T
      */
@@ skipping 352 matching lines @@
 }
 
 /**
  * @param {!WebInspector.Target} target
  * @return {?WebInspector.DOMModel}
  */
 WebInspector.DOMModel.fromTarget = function(target)
 {
     return /** @type {?WebInspector.DOMModel} */ (target.model(WebInspector.DOMModel));
 }