WordPress模板制作过程中的错误定位方法
在wordpress模板制作过程中,有一些貌似复杂的问题,其实只要确定了问题出现的位置,大多数都可以自行解决。 1.使用Firebug进行排查 1.1简要介绍与安装方法 Firebug是Firefox的一款插件,提供了一整套web开发所必需的工具。从HTML的编写,到CSS样式表的美化调优,以及… 所以我们首先要安装Firefox浏览器。 安装好浏览器后,选择菜单栏上的“工具”菜单,点击“附加组件”==>“获取附加组件” 在输入框中输入“firebug”。等搜索结果出来后点击Firbug链接进入Firebug的下载安装页面。 1.2使用方法 安装完成后,在自己出错的位置上,点右键==>查看元素,就可以找到出错的样式在什么地方。 2、边框背景调试法 2.1简要介绍 如果页面在IE下浏览异常,在FF浏览正常,就比较麻烦一点,这时候我们可以给元素设置显眼的边框或者背景,进行调试。 2.2使用方法 首先估计一下出错的位置在那,在它的标签上加style=”border:1pxsolid#000″,这样就可以看到该模块占了多少位置,是否在成长的范畴。 3、最大宽度最小宽度 3.1简要介绍 在模板制作过程中,经常会出现侧边栏下沉的情况,通常都是content区域的宽度过多造成的,但并不绝对是。 3.2解决方法 遇到这种情况,我们可以先将content的宽度给成100或更小并添加overflow:hidden属性,隐藏掉超出部分。如果宽度改小后,下沉问题解决。就可以判断问题就是出现在这个元素上。之后可以改小margin-left、改小宽度、隐藏超出宽度的图片什么的,一点一点测试,调个完美版本的出来。(之前看到某同事,每次宽度减小10来测试,既然是测试,减小100不是更容易发现问题吗?) 3、样式排除法 有些复杂的页面也许加载了N个外链CSS文件,那么逐个删除CSS文件,找到BUG触发的具体CSS文件,缩小锁定的范围。 对于刚才锁定的问题CSS样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。 4、模块确认法 有时候我们也可以从页面的HTML元素出发。删除页面中不同的HTML模块,寻找到触发问题的HTML模块。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |