让代码更简单

使用chrome浏览器插件检查你的网页DOM完整性

重要:本文最后更新于2019-04-26 08:28:18,某些文章具有时效性,若有错误或已失效,请在下方留言或联系代码狗

今天在群里潜水时看到大家在讨论网页DOM结构完整性的问题,·才发现代码狗博客主题居然标签没闭合…真是尴尬,要怪只能怪现在的浏览器太牛逼了,自动帮你闭合标签,根本看不出网页有什么问题。直到今天有人帮我检查了下,一堆的未闭合标签。问题出现在导航菜单里面,小问题,因为写漏了一个函数,导致闭合标签没有输出。不多说了,来看看这个插件效果吧。

使用chrome浏览器插件检查你的网页DOM完整性

使用chrome浏览器插件检查你的网页DOM完整性

打开网页后点击插件直接显示出你的网页中存在哪些标签未闭合的情况,并且告诉你在第几行,什么标签结构不完整,十分好用,也很准确。上图出现的问题已经被我修复,详情见WordPress自定义导航菜单处理类Walker这篇文章。

使用chrome浏览器插件检查你的网页DOM完整性

使用chrome浏览器插件检查你的网页DOM完整性

插件安装

这个插件叫做HTML 标签检测器或者叫HTML TAG CHECKER,是一款chrome内核浏览器的插件,大家到自己所用浏览器插件的应用中心下载安装即可,我用的QQ浏览器。

为什么要让HTML结构完整?虽然不闭合部分标签并不会引起布局错乱,并且也没有任何测试表面,网页标签结构不标准会对SEO效果有什么影响(可能是我没听说过),那为什么我们还有保存HTML结构的标准化呢?当然是为了兼容一些小众的浏览器了,万一有款不会自动闭合的浏览器呢?那岂不是布局会错乱?既然W3C有标准,咱们按照标准的来总没问题。

又水一篇文章,好开心….(^-^)。

感觉很棒!可以赞赏支持我哟~

1 打赏

评论 (2)

登录后评论
网站不错
谢谢博主的分享
QQ咨询 邮件咨询 狗哥推荐