如何快速识别网页中样式被隐藏的锚点（href）链接

作为天天和网页打交道的老玩家，我太懂这种糟心情况了——明明是带跳转的链接，却被改得和普通文本一模一样，要么不小心点错进了奇怪的网站，要么根本没发现这是个链接。下面分享几个我日常用的快速识别技巧，亲测高效：

• 鼠标悬停大法：这是最不用动脑的方法！把鼠标慢慢移到你怀疑的文本上，只要它是链接，浏览器底部的状态栏（就是最下方那一条）就会跳出对应的跳转地址。哪怕样式被改得再像普通文本，这个默认的浏览器行为大部分网站都不会动它。
• 开发者工具排查：按F12或者右键选「检查」打开开发者工具，点左上角那个像箭头的「选择元素」按钮，再点一下目标文本，就能在Elements面板里直接看到它的<a>标签和href属性了。嫌手动选麻烦的话，还可以在控制台输入 document.querySelectorAll('a')，页面所有链接都会被列出来，挨个核对文本和地址就行。
• 全选文本找差异：按下Ctrl+A（Windows）或者Cmd+A（Mac）全选页面内容，链接在全选状态下往往会露出马脚——比如悄悄显示下划线，或者背景色和普通文本不一样，一眼就能把它们区分开。
• 浏览器扩展助攻：装个专门的链接高亮扩展（比如Link Highlighter这类），一键就能把页面所有链接都标亮，不管样式怎么伪装，都逃不过它的法眼。

举个例子，就像你遇到的这种代码：

Plain text <a href="https://superusercom" target="_blank"><font color="Black">looks the same</font></a> continued plain...

这里的「looks the same」被改成了黑色，和普通文本完全一致，但用上面的任意一种方法，都能快速发现它其实是个链接。

备注：内容来源于stack exchange，提问作者Dale