chrome 插件 抓取网页qq聊天记录(网页DOM结构完整性的问题,才发现代码狗博客主题居然标签没闭合)
优采云 发布时间: 2021-12-31 06:13chrome 插件 抓取网页qq聊天记录(网页DOM结构完整性的问题,才发现代码狗博客主题居然标签没闭合)
今天在群里潜水的时候看到大家都在讨论网页的DOM结构的完整性,发现码狗博客主题的标签没有关闭……真的很尴尬。只能怪现在的浏览器太牛逼了,自动帮助关闭标签页,网页完全没有问题。直到今天,有人帮我查了一下,一堆未封闭的标签。问题出现在导航菜单,一个小问题,因为漏掉了一个功能,导致关闭标签没有输出。话不多说,来看看这个插件的效果吧。
使用 Chrome 浏览器插件检查网页的 DOM 完整性
打开网页后,点击插件直接显示你的网页中哪些标签没有关闭,并在前几行告诉你哪些标签结构不完整,非常好用且准确。上图中的问题已经被我解决了。详见WordPress自定义导航菜单处理类Walker文章文章。
使用 Chrome 浏览器插件检查网页的 DOM 完整性
插件安装
这个插件叫做 HTML Tag Checker 或 HTML TAG CHECKER。它是chrome内核浏览器的插件。您可以在您使用的浏览器插件的应用中心下载安装。我用的QQ浏览器。
为什么要使 HTML 结构完整?虽然不关闭部分标签不会造成版面混乱,也没有测试面,但网页标签的非标准结构会对SEO效果产生任何影响(可能我没有听说过),那为什么我们还要保存HTML结构呢?标准化呢?当然是为了兼容一些小众的浏览器。如果浏览器不会自动关闭怎么办?布局会不会很乱?既然W3C有标准,我们就可以一直遵循标准。
又一篇文章,好开心……(^-^)。