• 售前

  • 售后

热门帖子
入门百科

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

[复制链接]
jimmy肖明 显示全部楼层 发表于 2021-8-15 19:28:47 |阅读模式 打印 上一主题 下一主题
在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 模块。

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作