DevTools: Implement console message logging through an extension

Source/devtools/front_end/elements/MetricsSidebarPane.js

 /*
  * Copyright (C) 2007 Apple 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 415 matching lines @@
         userInput = userInput.toLowerCase();
         // Append a "px" unit if the user input was just a number.
         if (/^\d+$/.test(userInput))
             userInput += "px";
 
         var styleProperty = context.styleProperty;
         var computedStyle = context.computedStyle;
 
         if (computedStyle.getPropertyValue("box-sizing") === "border-box" && (styleProperty === "width" || styleProperty === "height")) {
             if (!userInput.match(/px$/)) {
-                WebInspector.console.log("For elements with box-sizing: border-box, only absolute content area dimensions can be applied", WebInspector.ConsoleMessage.MessageLevel.Error, true);
+                WebInspector.messageSink.addErrorMessage("For elements with box-sizing: border-box, only absolute content area dimensions can be applied", true);
                 return;
             }
 
             var borderBox = this._getBox(computedStyle, "border");
             var paddingBox = this._getBox(computedStyle, "padding");
             var userValuePx = Number(userInput.replace(/px$/, ""));
             if (isNaN(userValuePx))
                 return;
             if (styleProperty === "width")
                 userValuePx += borderBox.left + borderBox.right + paddingBox.left + paddingBox.right;
@@ skipping 36 matching lines @@
     },
 
     editingCommitted: function(element, userInput, previousContent, context)
     {
         this.editingEnded(element, context);
         this._applyUserInput(element, userInput, previousContent, context, true);
     },
 
     __proto__: WebInspector.SidebarPane.prototype
 }