DevTools: Implement console message logging through an extension

Source/devtools/front_end/console/ConsoleViewMessage.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2007, 2008 Apple 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 40 matching lines @@
     this._customFormatters = {
         "object": this._formatParameterAsObject,
         "array":  this._formatParameterAsArray,
         "node":   this._formatParameterAsNode,
         "string": this._formatParameterAsString
     };
 }
 
 WebInspector.ConsoleViewMessage.prototype = {
     /**
-     * @return {!WebInspector.Target}
+     * @return {?WebInspector.Target}
      */
     _target: function()
     {
         return this.consoleMessage().target();
     },
 
     /**
      * @return {!Element}
      */
     element: function()
@@ skipping 168 matching lines @@
 
     /**
      * @param {string} url
      * @param {number} lineNumber
      * @param {number} columnNumber
      * @return {?Element}
      */
     _linkifyLocation: function(url, lineNumber, columnNumber)
     {
         console.assert(this._linkifier);
-        if (!this._linkifier)
+        var target = this._target();
+        if (!this._linkifier || !target)
             return null;
         // FIXME(62725): stack trace line/column numbers are one-based.
         lineNumber = lineNumber ? lineNumber - 1 : 0;
         columnNumber = columnNumber ? columnNumber - 1 : 0;
         if (this._message.source === WebInspector.ConsoleMessage.MessageSource.CSS) {
-            var headerIds = this._target().cssModel.styleSheetIdsForURL(url);
-            var cssLocation = new WebInspector.CSSLocation(this._target(), url, lineNumber, columnNumber);
+            var headerIds = target.cssModel.styleSheetIdsForURL(url);
+            var cssLocation = new WebInspector.CSSLocation(target, url, lineNumber, columnNumber);
             return this._linkifier.linkifyCSSLocation(headerIds[0] || null, cssLocation, "console-message-url");
         }
 
-        return this._linkifier.linkifyLocation(this._target(), url, lineNumber, columnNumber, "console-message-url");
+        return this._linkifier.linkifyLocation(target, url, lineNumber, columnNumber, "console-message-url");
     },
 
     /**
      * @param {!ConsoleAgent.CallFrame} callFrame
      * @return {?Element}
      */
     _linkifyCallFrame: function(callFrame)
     {
         console.assert(this._linkifier);
-        if (!this._linkifier)
+        var target = this._target();
+        if (!this._linkifier || !target)
             return null;
         // FIXME(62725): stack trace line/column numbers are one-based.
         var lineNumber = callFrame.lineNumber ? callFrame.lineNumber - 1 : 0;
         var columnNumber = callFrame.columnNumber ? callFrame.columnNumber - 1 : 0;
-        var rawLocation = new WebInspector.DebuggerModel.Location(this._target(), callFrame.scriptId, lineNumber, columnNumber);
+        var rawLocation = new WebInspector.DebuggerModel.Location(target, callFrame.scriptId, lineNumber, columnNumber);
         return this._linkifier.linkifyRawLocation(rawLocation, "console-message-url");
     },
 
     /**
      * @param {?Array.<!ConsoleAgent.CallFrame>} stackTrace
      * @return {?ConsoleAgent.CallFrame}
      */
     _callFrameAnchorFromStackTrace: function(stackTrace)
     {
         if (!stackTrace || !stackTrace.length)
@@ skipping 22 matching lines @@
         return (this._message.level === WebInspector.ConsoleMessage.MessageLevel.Warning || this._message.level === WebInspector.ConsoleMessage.MessageLevel.Error);
     },
 
     _format: function(parameters)
     {
         // This node is used like a Builder. Values are continually appended onto it.
         var formattedResult = document.createElement("span");
         if (!parameters.length)
             return formattedResult;
 
+        var target = this._target();
+
         // Formatting code below assumes that parameters are all wrappers whereas frontend console
         // API allows passing arbitrary values as messages (strings, numbers, etc.). Wrap them here.
         for (var i = 0; i < parameters.length; ++i) {
             // FIXME: Only pass runtime wrappers here.
             if (parameters[i] instanceof WebInspector.RemoteObject)
                 continue;
 
+            if (!target) {
+                parameters[i] = WebInspector.RemoteObject.fromLocalObject(parameters[i]);
+                continue;
+            }
+
             if (typeof parameters[i] === "object")
-                parameters[i] = this._target().runtimeModel.createRemoteObject(parameters[i]);
+                parameters[i] = target.runtimeModel.createRemoteObject(parameters[i]);
             else
-                parameters[i] = this._target().runtimeModel.createRemoteObjectFromPrimitiveValue(parameters[i]);
+                parameters[i] = target.runtimeModel.createRemoteObjectFromPrimitiveValue(parameters[i]);
         }
 
         // There can be string log and string eval result. We distinguish between them based on message type.
         var shouldFormatMessage = WebInspector.RemoteObject.type(parameters[0]) === "string" && this._message.type !== WebInspector.ConsoleMessage.MessageType.Result;
 
         // Multiple parameters with the first being a format string. Save unused substitutions.
         if (shouldFormatMessage) {
             // Multiple parameters with the first being a format string. Save unused substitutions.
             var result = this._formatWithSubstitutionString(parameters[0].description, parameters.slice(1), formattedResult);
             parameters = result.unusedSubstitutions;
@@ skipping 884 matching lines @@
     {
         if (!this._wrapperElement) {
             WebInspector.ConsoleViewMessage.prototype.toMessageElement.call(this);
             this._wrapperElement.classList.toggle("collapsed", this._collapsed);
         }
         return this._wrapperElement;
     },
 
     __proto__: WebInspector.ConsoleViewMessage.prototype
 }