在主题制作过程中,我们可能会出现许多的错误。所以我们需要反复调试,直到达到我们所满意的效果。本章节我们将

学习调试和验证的方法及调试工具。

工作流程

  • 在文件中添加一些代码
  • 在浏览器上查看是否美观
  • 在不同的浏览器上验证
  • 如果没完成则修改代码直至完成
  • 完成则添加下一段代码
  • 重复添加,验证直到主题完成

 

浏览器测试工具

火狐浏览器工具

1  web开发人员工具栏

获取地址 http://chrispederick.com/work/web-developer

2  firebug

获取地址  http://www.getfirebug.com/

 

谷歌浏览器工具

谷歌浏览器自带了开发工具,只需打开

https://developers.google.com/chrome-developer-tools

Safari浏览器

浏览器自带调试工具,但是不如chrome应用广泛。

 

 

验证

验证你的html文件是否符合规范

打开网址http://validator.w3.org/

输入你的网站地址,启用主题

点击check检查

或者传入你的html文件

点击check检查

使用上述工具去发现代码中的错误,重复修改查看,直到无错误。

 

验证css

使用http://validator.w3.org/的服务继续验证css

 

需要在多个浏览器上测试验证

例如

Firefox,chrome,Safari for Mac,Opera,

Internet Explorer version 7 onwards (or sometimes 8 onwards)等浏览器。

 

基础错误

Css语法或规则错误命名错误和Php代码错误等

 

设置ie浏览器兼容

在header.php文件中,引入css代码后加上:

保存

移动端的测试

调整浏览器窗口大小来测试响应式,然后继续在移动端上打开浏览器测试。

<< WordPress主题制作开发实战教程4.4- 图片功能

发表评论

您的电邮不会被公布 必填字段标记为*

提交评论