是否有瀏覽器支持或任何插件，將鼠標懸停在元素中時會顯示html元素的ID或NAME作為工具提示？

Question

我想要一個類似於此示例的解決方案

$('#field2').attr('title', 'student_Name');

但正如我在下面解釋的那樣！

在使用瀏覽器的開發人員工具或Firebug插件測試Web程序時， inspect元素可幫助我們了解任何ID，名稱或整個結構的詳細信息。

現在，我只想在將鼠標懸停在任何元素中時看到選定的元素ID或名稱顯示為工具提示，而無需編寫任何javascript或jquery代碼 。

該要求是因為，我的網站是日語 。
所有標簽均以日語文字顯示，並且其id或name屬性的名稱為英文（*等於將日文翻譯成英文，例如：學生名-> student_Name *）。

這將有助於輕松找出選定元素的英文名稱，而無需將其標簽文本翻譯為日語名稱。
我認為這會對許多程序員產生幫助，他們像我一樣使用英語以外的其他語言工作！

是否有瀏覽器工具或插件或其他任何方式？

Answer 1

您可以為此編寫簡單的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;
}

http://jsfiddle.net/dfsq/zMX5w/1/