WordPress 模板制作过程中的错误定位方法

  发布时间:2009-07-01 17:32:23   作者:佚名   我要评论
在wordpress模板制作过程中,有一些貌似复杂的问题,其实只要确定了问题出现的位置,大多数都可以自行解决。 1.使用Firebug进行排查 1.1 简要介绍与安装方法 Firebug是Firefox的一款插件,提供了一整套web开发所必需的工具。从HTML的编写,到CSS样式表的美化调优,以及&he

在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:1px solid #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 模块。

相关文章

  • 在word文档中如何快速查找替换定位?

    你是否曾经为了在文档里面用错一个词语花费时间去一个一个的寻找并且逐个修改,那么在word文档中如何快速查找替换定位?下面小编就为大家详细介绍一下,来看看吧
    2016-08-26
  • ppt2013怎么打开开WORD并跳转至文档指定位置?

    ppt2013怎么打开开WORD并跳转至文档指定位置?想要打开word文档,但是目前只有ppt软件,该怎么办呢?今天我们就来看看怎么用ppt打开word并制定到固定位置的教程,需要的朋
    2016-05-03
  • word文档如何进行快速定位及查找文字?

    我们在使用Word2010编辑一个页码较多的长文档时,常常希望能快速找到特定页面,那么word文档如何进行快速定位及查找文字?下面小编就为大家详细介绍一下,来看看吧
    2016-04-20
  • Word文档打开时自动定位到上次编辑处方法图解

    当一篇文档篇幅过长,我们对文档的编辑可能需要分几次进行,那么如何在打开文档时快速定位到上次编辑位置呢?下面小编就为大家介绍Word文档打开时自动定位到上次编辑处方法,
    2016-04-13
  • 如何在编辑word文件时进行文档定位?

    在Word2003文档中,用户可以通过“定位”功能快速定位到指定的页、节、行、书签、批注、脚注或尾注等特定位置,从而实现快速查找内容的目的,那么如何在编辑word文件时进行
    2015-12-20
  • word2013插入书签并定位到相应位置的操作方法

    有一份篇幅很长的文档,一次看不完,可以在看到的地方插入一个书签,下次打开时,快速定位到书签的所在位置,方便接着看完整篇文档
    2014-04-14
  • 在Word2010表格中精确定位姓名的方法

    在Word中进行查找时,如果是英文串,勾寻全字匹配”时可以精确地定位到一个字符串。
    2011-06-04
  • 教你如何使用Word 2010表格精确定位姓名的方法

    在Word中进行查找时,如果是英文串,勾寻全字匹配”时可以精确地定位到一个字符串。但是对于中文来说,就有点爱莫能助了。
    2011-05-20
  • 快速定位Word文档历史编辑位置

    熟悉WPS文字编辑软件的用户可能知道WPS的一个特点,即当用户打开一个WPS文档时,光标会自动定位到上一次存盘时的编辑位置。在Word中没有提供该功能,不过用户可以在打开Wor
    2008-10-04
  • word定位快捷键大全

    word文档有几千页,怎么样快速的定位到第几页呢?下面小编给大家分享word定位快捷键大全,非常不错,感兴趣的朋友一起看看吧
    2016-09-21

最新评论