####更新:
2012年11月8日
- 效率上做了大的调整。现在效率应该是可以接受了
- 对单标签做了调整。目前如果是/>结尾的。会认为是单标签。如果不是。回来但标签的白名单中找,找不到会认为是对标签处理
- 视觉调整 加入行号,加入点击错误提示定位到错误位置,加入单双行背景差异
- 视觉调整 加入bookmark右上角工具关闭按钮
- 添加 检查本地代码项
- 视觉调整 加个圆角,稍微好看一下
2012年11月9日
- 加入ie家族支持
####使用方式
- 访问 http://weibotuchuang.sinaapp.com
- 使用各种方式将bookmark加入收藏夹/书签(就是页面上的"检查标签闭合"链接,有sea版和github版,大家各取所需)。加入收藏夹/书签的方式和把一个链接地址放入收藏夹是一样一样的:
- ie下: 鼠标右键点击链接 > 点击添加到收藏夹。
- opera下: 鼠标右键点击链接 > 点击添加到书签。
- firefox下: 切换出书签工具栏(在地址栏附近的位置点击右键,西安泽书签地址栏)> 拖拽链接到书签栏。
- chrome下: 切换出书签工具栏(快捷键cmd+shift+b/ctrl+shift+b)> 拖拽链接到书签栏。
- safari下: 切换出书签工具栏(快捷键cmd+shift+b/ctrl+shift+b)> 拖拽链接到书签栏。
- 在需要检查的页面上。点击已经加入收藏夹/书签,会在页面右上出现工具栏,可以填写一些自定义选项。一般情况下只要直接点击"检查标签"即可。如果需要检查手头的html脚本而非远程页面。可以点击"切换检查形式",输入html脚本
- 检查结果回在新页打开。回来顶部得到接口是否有错误。有错误会显示错误行号。点击错误行号可以找到错误位置。
####PS一些注意事项
- 检查的html不一定是目前打开检查工具的页面。检查工具的工作其实是带着head头再次去请求一次该页面。所以可能会有些出入。但是大体不会有问题。
- 工具上有一个"检查的地址"的项,可以修改。但是必须和打开这个检查工具的页面同域。不然无法获取源码。(ajax无法跨域,该工具并没有起后台程序)
- 在检查微博页面是建议在url中加入js=1参数之后检查。检查工具会忽略掉javascript中的html脚本。
- 遇到问题请联系朱一 zythum02@gmail.com / zhuyi@staff.sina.com.cn