西岭飘雪 发表于 2012-2-2 10:37:26

排查网页中出错的小方法

兼容问题每个人都会遇到,通常一个小小的问题可以纠结上好几天,掌握好几个小小的纠错方法可以让你省时省力。
方法一:
    border定位错误:通常网页布局的错位是因为浏览器的默认属性在作怪。在写样式的时候,给这个div或者这个部分的内容加个明显的border:#FF0000 solid 1px;来看看它在其他浏览器的位置如何,再决定是否要用display:inline; clear等这些。解决完问题后记得要删掉这个border哦!

方法二:
    借用谷歌浏览器“审查元素”;打开谷歌浏览器,右键菜单会有一个“审查元素”选项,高版本的IE也有这个类似的工具。它可以清楚的知道你的页面框架以及路径来源。有时候页面错位,不只是兼容问题,还可能是一个小小的空格、缺省的</div>、多余的</div>等。代码多的时候,避免出现嵌套错误哦。

方法三:
    删除法:这个一个排除错误最好的方法但也是最麻烦的办法。代码又多,样式又乱,js也眼花缭乱的时候,就先保存好代码,开始一一删除,找出错误吧。从头到尾一一删除,最后错误一定“无处可藏”!
页: [1]
查看完整版本: 排查网页中出错的小方法