V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
appstore54321
V2EX  ›  程序员

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

  •  
  •   appstore54321 · 2017-01-24 16:22:00 +08:00 · 5357 次点击
    这是一个创建于 2863 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    <!-- 产品单元开始 -->
    .....
    <!-- /产品单元结束 -->
    viosey
        11
    viosey  
       2017-01-24 18:33:16 +08:00 via Android
    刚遇到,写了个<a> <a>
    闭合没有加 /
    找 bug 花了些时间
    keelii
        12
    keelii  
       2017-01-24 19:51:50 +08:00
    Firefox 查看源代码如果关闭不正常 div 就是红色字体
    arzusyume
        13
    arzusyume  
       2017-01-24 20:58:56 +08:00
    lint or hint
    cxbig
        14
    cxbig  
       2017-01-24 21:51:37 +08:00
    用 IDE 做开发,从来就不需要担心这个问题
    就算用 Editor ,主流的产品也都有相应插件来检查
    jun4rui
        15
    jun4rui  
       2017-01-24 21:54:16 +08:00 via Android
    主要是不见得是自己开发了,是帮别人填坑,自己手写的当然没问题。
    lslqtz
        16
    lslqtz  
       2017-01-26 10:18:08 +08:00 via iPhone
    我一般用正则把有包含的都删了 然后找单独的 div
    wolong
        17
    wolong  
       2017-01-27 11:35:08 +08:00
    一般直接预览,页面能正常现实就行。管他闭不闭合。不能正常显示了再慢慢找。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5356 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 09:16 · PVG 17:16 · LAX 01:16 · JFK 04:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.