Perform Case-Sensitive Search in Google Chrome

Case Sensitive Search in Google Chrome

The Find bar (Ctrl + F) in Firefox offers a “Match Case” option to help you perform case-sensitive searches on a web page. If you type “RAM” in the find box, the browser will only highlight the phrase “RAM” on that page and not Ram or ram.

It is however not possible to do a case-sensitive search inside Google Chrome. People have been requesting this feature since the early days of Chrome but the request was turned down citing the following reason:

Discussed with UI leads. This [case sensitive search in Chrome] would be nice to have, but we’re not willing to add the options to the UI at this time. (Issue #187)

It is therefore less likely that case-sensitive search would make it to Google Chrome anytime soon but as a workaround, you can use this little bookmarklet.

javascript: (function () {
  var text = prompt('Search for:', '');
  if (text == null || text.length == 0) return;
  var spans = document.getElementsByClassName('labnol');
  if (spans) {
    for (var i = 0; i < spans.length; i++) {
      spans[i].style.backgroundColor = 'transparent';
    }
  }
  function searchWithinNode(node, te, len) {
    var pos, skip, spannode, middlebit, endbit, middleclone;
    skip = 0;
    if (node.nodeType == 3) {
      pos = node.data.indexOf(te);
      if (pos >= 0) {
        spannode = document.createElement('span');
        spannode.setAttribute('class', 'labnol');
        spannode.style.backgroundColor = 'yellow';
        middlebit = node.splitText(pos);
        endbit = middlebit.splitText(len);
        middleclone = middlebit.cloneNode(true);
        spannode.appendChild(middleclone);
        middlebit.parentNode.replaceChild(spannode, middlebit);
        skip = 1;
      }
    } else if (
      node.nodeType == 1 &&
      node.childNodes &&
      node.tagName.toUpperCase() != 'SCRIPT' &&
      node.tagName.toUpperCase != 'STYLE'
    ) {
      for (var child = 0; child < node.childNodes.length; ++child) {
        child = child + searchWithinNode(node.childNodes[child], te, len);
      }
    }
    return skip;
  }
  searchWithinNode(document.body, text, text.length);
})();

Click the bookmarklet link in the bookmarks toolbar, type any word or phrase that you are looking for and the bookmarklet will highlight in yellow all the occurrences of that string while matching the case as well. You can click the bookmarklet again to perform another search.

For geeks, here’s the deobfuscated source code of the bookmarklet.

Amit Agarwal

Amit Agarwal

Google Developer Expert, Google Cloud Champion

Amit Agarwal is a Google Developer Expert in Google Workspace and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India.

Amit has developed several popular Google add-ons including Mail Merge for Gmail and Document Studio. Read more on Lifehacker and YourStory

0

Awards & Titles

Digital Inspiration has won several awards since it's launch in 2004.

Google Developer Expert

Google Developer Expert

Google awarded us the Google Developer Expert award recogizing our work in Google Workspace.

ProductHunt Golden Kitty

ProductHunt Golden Kitty

Our Gmail tool won the Lifehack of the Year award at ProductHunt Golden Kitty Awards in 2017.

Microsoft MVP Alumni

Microsoft MVP Alumni

Microsoft awarded us the Most Valuable Professional (MVP) title for 5 years in a row.

Google Cloud Champion

Google Cloud Champion

Google awarded us the Champion Innovator title recognizing our technical skill and expertise.

Email Newsletter

Sign up for our email newsletter to stay up to date.

We will never send any spam emails. Promise.