如何快速找到未闭合的 div 标签?

2017-01-24 16:22:00 +08:00
 appstore54321

有时候修改 html 时不小心多删除了一个 div 或者加了一个 div ,这时如果浏览器报错就有可能需要在一片区域一个个标签看过去,不知道有没有方便的检查未配对标签的工具或者排错方法?

5353 次点击
所在节点    程序员
18 条回复
killadm
2017-01-24 16:57:09 +08:00
sublime text 可以,但是我不清楚是原生的还是 BracketHighlighter 插件带的
Tonni
2017-01-24 17:16:41 +08:00
验证一下 HTML 代码: https://validator.w3.org
zhoushiya
2017-01-24 17:18:11 +08:00
审查元素我觉得很方便查出来啊?折叠起来很明显能看出来
shiny
2017-01-24 17:19:11 +08:00
如果平时注意代码对齐,很容易就能看出来哪里缺了。
chnyang
2017-01-24 17:21:59 +08:00
格式化代码..
nanlong
2017-01-24 17:24:08 +08:00
都不用提 IDE ,就普通编辑器也应该有语法错误提示的吧,未闭合标签会有醒目标志。
it407841482
2017-01-24 17:42:40 +08:00
hbuilder 右键验证文档语法
corona
2017-01-24 17:47:24 +08:00
还是保持一个好的代码习惯吧,保持对齐,能一眼看到哪儿没闭合。

ide 的话,像 webstorm 会有语法校验,不合格会有 warning 提示
Pastsong
2017-01-24 17:51:28 +08:00
问题在于,浏览器不会对 HTML 报错
jun4rui
2017-01-24 18:11:12 +08:00
用 IDE 可以,但是没有 IDE 呢?例如 vim...

对齐也可以,但是有时候缺少的 div 被别的 div 补位了!一眼看去只有文档最后才少了个 div

我的办法是,代码功能区块起始和结尾写中文注释,外加代码格式化,可以保证快速定位。例如:

<!-- 产品单元开始 -->
.....
<!-- /产品单元结束 -->
viosey
2017-01-24 18:33:16 +08:00
刚遇到,写了个<a> <a>
闭合没有加 /
找 bug 花了些时间
keelii
2017-01-24 19:51:50 +08:00
Firefox 查看源代码如果关闭不正常 div 就是红色字体
arzusyume
2017-01-24 20:58:56 +08:00
lint or hint
cxbig
2017-01-24 21:51:37 +08:00
用 IDE 做开发,从来就不需要担心这个问题
就算用 Editor ,主流的产品也都有相应插件来检查
jun4rui
2017-01-24 21:54:16 +08:00
主要是不见得是自己开发了,是帮别人填坑,自己手写的当然没问题。
lslqtz
2017-01-26 10:18:08 +08:00
我一般用正则把有包含的都删了 然后找单独的 div
wolong
2017-01-27 11:35:08 +08:00
一般直接预览,页面能正常现实就行。管他闭不闭合。不能正常显示了再慢慢找。
fhefh
2017-01-27 18:28:46 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/336696

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX