Navigate between individual search matches in DevTools console

Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * 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:
  *
@@ skipping 766 matching lines @@
 WebInspector.highlightSearchResult = function(element, offset, length, domChanges)
 {
     var result = WebInspector.highlightSearchResults(element, [new WebInspector.SourceRange(offset, length)], domChanges);
     return result.length ? result[0] : null;
 }
 
 /**
  * @param {!Element} element
  * @param {!Array.<!WebInspector.SourceRange>} resultRanges
  * @param {!Array.<!Object>=} changes
+ * @param {?Boolean=} isCurrent

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

Booleans are primitive types, use a lowercase "boolean". ? denotes nullable and
{...=} denotes an optional value, you can therefore remove the "=".

(side note, the ! and = at the previous line doesn't make sense either, it says
non-nullable AND optional. That doesn't fit together).

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

I made it boolean= instead since the argument is in fact optional. Anyway, the
Closure compiler won't accept ?boolean, since there's an optional argument
before it.

  * @return {!Array.<!Element>}
  */
-WebInspector.highlightSearchResults = function(element, resultRanges, changes)
+WebInspector.highlightSearchResults = function(element, resultRanges, changes, isCurrent)
 {
-    return WebInspector.highlightRangesWithStyleClass(element, resultRanges, "highlighted-search-result", changes);
+    var style = isCurrent ? "current-search-result" : "highlighted-search-result";

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

Rename "style" to className.

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

Done.

+    return WebInspector.highlightRangesWithStyleClass(element, resultRanges, style, changes);
 }
 
 /**
  * @param {!Element} element
  */
 WebInspector.removeSearchResultsHighlight = function(element)
 {
     var highlightBits = element.querySelectorAll(".highlighted-search-result");
     for (var i = 0; i < highlightBits.length; ++i) {
         var span = highlightBits[i];
@@ skipping 408 matching lines @@
 /**
  * @param {!Window} window
  */
 WebInspector.initializeUIUtils = function(window)
 {
     window.addEventListener("focus", WebInspector._windowFocused.bind(WebInspector, window.document), false);
     window.addEventListener("blur", WebInspector._windowBlurred.bind(WebInspector, window.document), false);
     window.document.addEventListener("focus", WebInspector._focusChanged.bind(WebInspector, window.document), true);
     window.document.addEventListener("blur", WebInspector._documentBlurred.bind(WebInspector, window.document), true);
 }