获取当前选项卡 - Javascript

在Web开发中，有时需要获取当前选项卡的信息，例如当前选项卡的标题、URL以及图标等。本文将介绍如何使用JavaScript获取当前选项卡的信息。

获取当前选项卡的标题

要获取当前选项卡的标题，可以使用document.title属性。该属性表示当前文档的标题，也就是选项卡标题。

const title = document.title;
console.log(title); // 打印当前选项卡的标题

获取当前选项卡的URL

要获取当前选项卡的URL，可以使用window.location.href或document.URL属性。这两个属性都表示当前文档的URL，也就是选项卡的URL。

const url = window.location.href;
console.log(url); // 打印当前选项卡的URL

const url = document.URL;
console.log(url); // 打印当前选项卡的URL

获取当前选项卡的图标

要获取当前选项卡的图标，可以使用document.querySelector('link[rel="icon"]')获取到选项卡对应的<link>标签，进而获取href属性。

const favicon = document.querySelector('link[rel="icon"]').getAttribute('href');
console.log(favicon); // 打印当前选项卡的图标地址

当选项卡没有设置图标时，返回结果为null。

以上就是如何通过JavaScript获取当前选项卡的标题、URL以及图标的方法，希望能对您有所帮助。