明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
  博客园  :: 首页  :: 管理

修改谷歌浏览器标签页名字

Posted on 2023-12-27 08:32  且行且思  阅读(158)  评论(0编辑  收藏  举报

1. 背景

在开发过程中,有时我们会对同一个网站打开很多的浏览器标签页,比如 百度首页 页面,用来同时保存多个开发窗口,多个标签页内有不同的内容,但是多个标签页的名称是根据网站自动提取的,完全一样,我们可能无法区分,如下图:

此时我们很难区分每个标签页中的内容是什么,只能靠自己去记住顺序,很麻烦。如果能够修改每个标签页的名字,那就非常方便了。但是谷歌浏览器并没有提供标签页名称的修改功能,因此需要我们自己手动去执行一些步骤来操作。
2. 修改步骤

    在自己要修改的标签页的页面,按 F12 键,打开开发者模式。

在上图中指示的 控制台 下面输入如下代码,然后按 回车 键执行。

javascript:void(function(){document.title=prompt('新标签页名称')}())

 

执行成功后出现如下界面

 

在图中指示的地方输入自己想要的标签页名称,然后点击 确定

修改完之后,效果如下。

 

 

其他标签页也可以根据这个方法一一修改,修改完之后效果如下

 

3. 注意

    每次执行修改一个标签页的名称。
    标签页名称修改完之后不要刷新标签页面,否则标签页名称又会变成原来的网站名称。
        上面控制台运行的 javascript 代码,其实就是修改了页面 html 代码中的 title 标签中的内容,可以自己点击开发者工具中的 元素 查看具体的代码。直接修改 title 标签中的内容,也可以达到一样的效果,所以不能刷新页面,因为刷新页面之后,title 标签中的内容就又变回原来的了。