Navigate between individual search matches in DevTools console

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 925 matching lines @@
                 }
                 a.appendChild(toAppend);
             }
             return a;
         }
 
         // String.format does treat formattedResult like a Builder, result is an object.
         return String.format(format, parameters, formatters, formattedResult, append.bind(this));
     },
 
-    clearHighlight: function()
+    clearHighlights: function()
     {
         if (!this._formattedMessage)
             return;
 
         WebInspector.removeSearchResultsHighlight(this._formattedMessage);
     },
 
     highlightSearchResults: function(regexObject)
     {
         if (!this._formattedMessage)
@@ skipping 308 matching lines @@
                 break;
         }
 
         return sourceString + " " + typeString + " " + levelString + ": " + this.formattedMessage().textContent + "\n" + this._message.url + " line " + this._message.line;
     },
 
     get text()
     {
         return this._message.messageText;
     },
+
+    /**
+    * @return {!string}
+    */
+    getText: function () {
+        return this._messageElement.textContent;

[robwu, 2014/10/25 23:13:00]

What's the difference between the text getter (a few lines back) and your new
getText method? Why can't you use the previous one?

[aknudsen, 2014/10/26 11:22:40]

The reason for the getText method is to implement a common interface of console
messages, that is used when searching the console (ConsoleView._searchMessage).
I'm not sure if the text getter could be used for the common interface instead;
I noticed originally for instance that the text getter was implemented
differently than ConsoleViewMessage.matchesRegex, which is used when searching.
I'm still wondering if the text getter's implementation would actually differ
from getText().

+    },
+
+    highlightMatch: function(start, end, isCurrent)
+    {
+       if (!this._formattedMessage)
+           return;
+
+       console.log("Highlighting from position " + start + " to " + end);
+       WebInspector.highlightSearchResults(this._messageElement,
+           [new WebInspector.SourceRange(start, end - start + 1)], undefined, isCurrent);
+    },
 }
 
 /**
  * @constructor
  * @extends {WebInspector.ConsoleViewMessage}
  * @param {!WebInspector.ConsoleMessage} consoleMessage
  * @param {!WebInspector.Linkifier} linkifier
  * @param {number} nestingLevel
  */
 WebInspector.ConsoleGroupViewMessage = function(consoleMessage, linkifier, nestingLevel)
@@ skipping 29 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
 }