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.
- Open the Javascript console (on Chrome by using the keyboard shortcut
Command+Option+J(Mac) orControl+Shift+J(Windows, Linux, Chrome OS)) - Type the following into the Javascript console, with "your new tab title" at the end
- 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.
Top comments (1)
I added a little something to this, a prompt to the bookmarklet code you suggested you could write
javascript:(function() {
let TabName = prompt("Please enter your new Tab name", "");
if (TabName !== null && TabName.trim() !== "") {
document.title = TabName;
} else {
alert("No tab name provided. Title not changed.");
}
})();