1. 背景
在开发过程中,有时我们会对同一个网站打开很多的浏览器标签页,比如 百度首页 页面,用来同时保存多个开发窗口,多个标签页内有不同的内容,但是多个标签页的名称是根据网站自动提取的,完全一样,我们可能无法区分,如下图:
此时我们很难区分每个标签页中的内容是什么,只能靠自己去记住顺序,很麻烦。如果能够修改每个标签页的名字,那就非常方便了。但是谷歌浏览器并没有提供标签页名称的修改功能,因此需要我们自己手动去执行一些步骤来操作。
2. 修改步骤
在自己要修改的标签页的页面,按 F12 键,打开开发者模式。
在上图中指示的 控制台 下面输入如下代码,然后按 回车 键执行。
javascript:void(function(){document.title=prompt('新标签页名称')}())
执行成功后出现如下界面
在图中指示的地方输入自己想要的标签页名称,然后点击 确定。
修改完之后,效果如下。
其他标签页也可以根据这个方法一一修改,修改完之后效果如下
3. 注意
每次执行修改一个标签页的名称。
标签页名称修改完之后不要刷新标签页面,否则标签页名称又会变成原来的网站名称。
上面控制台运行的 javascript 代码,其实就是修改了页面 html 代码中的 title 标签中的内容,可以自己点击开发者工具中的 元素 查看具体的代码。直接修改 title 标签中的内容,也可以达到一样的效果,所以不能刷新页面,因为刷新页面之后,title 标签中的内容就又变回原来的了。