HTML中如何快速检查漏掉的闭合标签?
在套页面的时候,经常会遇到 HTML不闭合或者 过早闭合等问题,
很多时间都浪费在 核对标签上,
于是乎就有了 这个 HTML标签检测插件,
它可以很方便的帮你查找HTML标签中的闭合问题,
这个插件原作者不是我,是一个日本人,我之前一直在用,挺好用的,
但是 CHROME 升级到20X之后,这个插件就不能用了,很多特性,20x之后的版本不支持,
大半年了,作者也没有要升级的意思,chrome商店里面也下掉了,不知为何,
所以今天下午挤了挤时间,完善了这个版本。
效果图如下:
安装方法
一、通过CHROME商店安装
1、用chrome浏览器打开
https://chrome.google.com/webstore/detail/html-tracter/eglomijmggnafcfejliedcljabfgblia?hl=zh-CN
2、点击红色部分
3、安装成功
二、通过CRX文件安装
1、下载CRX文件
http://www.imsiren.com/wp-content/uploads/chrome-plugins/htmlchecker_v02.crx
2、打开 浏览器的扩展程序:工具 --->扩展程序---》拖动crx到该页
3、将crx拖拽到打开的页面即可
原文出处:http://www.imsiren.com/archives/891
————————————————————————————————————————————————————————————
实践证明先下载再安装是最靠谱的方法,测试下未闭合的div标签:
<div><div>11111<div></div></div>
<h2>
jack
</body></html>
安装后在右上角会出现一个HTML标签图,发现它显示值为2,点入后提示如下,说明这个插件是Ok的:
行 420:
<div> : 没有结束标签
行 421:
<h2> : 没有结束标签
在套页面的时候,经常会遇到 HTML不闭合或者 过早闭合等问题,
很多时间都浪费在 核对标签上,
于是乎就有了 这个 HTML标签检测插件,
它可以很方便的帮你查找HTML标签中的闭合问题,
这个插件原作者不是我,是一个日本人,我之前一直在用,挺好用的,
但是 CHROME 升级到20X之后,这个插件就不能用了,很多特性,20x之后的版本不支持,
大半年了,作者也没有要升级的意思,chrome商店里面也下掉了,不知为何,
所以今天下午挤了挤时间,完善了这个版本。
效果图如下:
安装方法
一、通过CHROME商店安装
1、用chrome浏览器打开
https://chrome.google.com/webstore/detail/html-tracter/eglomijmggnafcfejliedcljabfgblia?hl=zh-CN
2、点击红色部分
3、安装成功
二、通过CRX文件安装
1、下载CRX文件
http://www.imsiren.com/wp-content/uploads/chrome-plugins/htmlchecker_v02.crx
2、打开 浏览器的扩展程序:工具 --->扩展程序---》拖动crx到该页
3、将crx拖拽到打开的页面即可
原文出处:http://www.imsiren.com/archives/891
————————————————————————————————————————————————————————————
实践证明先下载再安装是最靠谱的方法,测试下未闭合的div标签:
<div><div>11111<div></div></div>
<h2>
jack
</body></html>
安装后在右上角会出现一个HTML标签图,发现它显示值为2,点入后提示如下,说明这个插件是Ok的:
行 420:
<div> : 没有结束标签
行 421:
<h2> : 没有结束标签
作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/7255/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!
最后编辑: jackxiang 编辑于2014-6-8 12:13
评论列表