整理自WordPress主题制作开发实战教程5 – 调试和验证 BY WP花园 - 市场部
浏览器测试工具
火狐浏览器工具
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/
输入你的网站地址，启用主题，或者传入你的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代码后加上：
<!--[if IE]>
<link rel='stylesheet" type='text/css" href="ie-fix.css"
media='screen, projection" />
<![endif]-->
移动端的测试
调整浏览器窗口大小来测试响应式，然后继续在移动端上打开浏览器测试。
网友评论