是否可以在 Chrome 标签的工具提示中显示完整的 URL（悬停时）？答案

【问题标题】：Is it possible to display the full URL in the tooltip of a Chrome tab (on hover)?是否可以在 Chrome 标签的工具提示中显示完整的 URL（悬停时）？
【发布时间】：2020-06-29 23:37:07
【问题描述】：

将鼠标悬停在 Chrome 中的标签上时是否可以显示网页的完整 URL，而不仅仅是域？是否可以通过编程方式而不是通过在 Chrome 中编辑本地配置来实现。

下面是两张图片比较了 Chrome 和 IE 中的标签工具提示。我想知道是否有可能让 Chrome 中的工具提示像 IE 一样显示整个 url 而不仅仅是域。

当前 Chrome 选项卡工具提示：

IE 选项卡工具提示：

【问题讨论】：

我认为您可以为此构建一个 chrome 扩展。除此之外，我认为这是不可能的。
您想让用户关注您网站的完整网址吗？
@Bluefire828 是的，我已经得出结论，使用传统的网络开发工具是不可能的。也许你可以使用扩展来做到这一点，但我已经将我想要的相关信息放入我页面的标题标签中。

标签： javascript html css google-chrome

【解决方案1】：

首先：您没有说明您的目标是什么以及您的应用程序/代码是如何编写的？

如果您希望您的用户关注您的页面完整标题或/和完整页面 URL，请尝试以下解决方法。

方法#1：使用自定义工具提示（使用mouseout 和mouseover 事件来显示和隐藏标题）

var ttl = document.title,
  loc = document.location,
  fullTitle = ttl + "\n" + loc,
  isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
var tooltip = document.createElement("div");
tooltip.style.width = "400px"
tooltip.style.borderRadius = "10px"
tooltip.style.position = "fixed"
tooltip.style.left = "40%"
tooltip.style.top = "3%"
tooltip.style.padding = "15px"
tooltip.style.marginTop = "8px"
tooltip.style.visibility = "hidden"
tooltip.style.backgroundColor = "white"
tooltip.style.zIndex = "9999"
tooltip.style.border = "solid 1px #ccc"
tooltip.innerHTML = "<b>" + document.title + "</b><br/><br/>" + document.location;
document.body.appendChild(tooltip);
if (isChrome) {
  document.addEventListener("mouseout", function(e) {
    tooltip.style.visibility = "visible"
  });
  document.addEventListener("mouseover", function(e) {
    tooltip.style.visibility = "hidden";
  });
}

方法#2：类似旋转标题：

var ttl = document.title, 
    loc = document.location, 
fullTitle = ttl + " - " + loc,
document.title = fullTitle;


if(isChrome)rotaryTitle(50);

function rotaryTitle(speed, tempPause) {
  speed = speed || 100;
  setTimeout(function() {
    var t = document.title;
    if (t.length > 1) {
      document.title = t.substr(1);
      rotaryTitle(speed);
    } else {
      document.title = fullTitle;
      rotaryTitle(speed, 2000);
    }
  }, tempPause || speed)
}

【讨论】：