DEV Community

loading...

Rename tabs without an extension

Michael Salaverry
Using React and Node.js to create reliable tools for others.
・1 min read

When you open many tabs for the same domain, it can be hard to find the exact tab you want later on.

Thankfully, it's easy to rename a tab in any browser. I use this to rename my tabs with specific titles which make sense to me.

  1. Open the Javascript console (on Chrome by using the keyboard shortcut Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS))
  2. Type the following into the Javascript console, with "your new tab title" at the end
  3. Notice that the title on the browser tab will change to "your new tab title" of choice. You can rename the title to whatever string you want (though it won't persist the title across page reloads or navigation).

Done!

This takes advantage of the DOM API document.title which can be reassigned at your leisure. This also makes a great snippet which is a way to save a piece of Javascript locally for reuse (like a bookmarklet). Another tip is to aggressively separate tabs from one big window to multiple smaller windows by topic.

Discussion (0)