Javascript 是否有浏览器支持或任何显示html元素的插件'；在元素中悬停时，是否将ID或名称作为工具提示？

我想要一个解决方案

但另一方面，正如我在下面解释的

使用浏览器的开发工具或firebug插件测试web程序时，检查元素帮助我们了解任何元素id或名称或整个结构的详细信息

现在，我只想看到选中的元素id或名称显示为工具提示，同时悬停在任何元素中，而不编写任何javascript或jquery代码

---

这一要求是因为，我的网站是日文的。
所有标签均显示日文文本，其id或名称属性的名称均为英文（*等同于日文到英文的翻译，例如：学生名 -> 学生姓名*）

这将有助于轻松找出选定元素的英文名称，而无需将其标签文本翻译为日文名称。
我认为这将有助于许多程序员，他们的工作语言与我的英语不同

是否有浏览器功能或插件或其他方法来实现此功能？

您可以为此编写简单的CSS调试规则：

label {
    position: relative;
}
label:hover:after {
    content: attr(for);
    position: absolute;
    top: 100%;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 5px;
    color: #FFF;
    padding: 2px 4px 3px;
}

---

您可以为此编写简单的CSS调试规则：

label {
    position: relative;
}
label:hover:after {
    content: attr(for);
    position: absolute;
    top: 100%;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 5px;
    color: #FFF;
    padding: 2px 4px 3px;
}

---

呵呵，刚才写的几乎一样：）<代码>顶部：100%可能会更好。是的，样式取决于OP:）是的！它起作用了。但我还是更喜欢浏览器选项或插件（如果有的话）。呵呵，我写的几乎一样：）<代码>顶部：100%可能会更好。是的，样式取决于OP:）是的！它起作用了。但我还是更喜欢浏览器选项或插件（如果有的话）。Firefox的插件可能会有所帮助，尽管它最近没有更新。投票决定关闭，因为它没有建设性。这些没有明确答案的问题都是离题的。Firefox的插件可能会有所帮助，尽管它最近没有更新。投票决定关闭，因为它没有建设性。这些没有明确答案的问题都是离题的。