1、优简页面
如果验证HTML/CSS没有效果,那么你需要简化页面查找问题。最简单的方法就是删除部分页面直到找出有问题的部分,相应的CSS部分也要简化。简化页面并不意味着真正删除页面内容,而是找出问题所在然后修复它。最好打包封装css及js代码。
2、验证CSS代码
接下来最可能出现问题的的放就是CSS代码。验证CSS就像验证HTML一样。如果验证有错误,就意味着你的CSS是正常的,网页问题不是由CSS引起的。
3、审查HTML代码
通常我们网站开发工程师发现网页有问题时,第一件要做的就是验证HTML代码。尽管验证HTML可能有多种原因,但当你遇到问题时,验证HTML代码是首要任务。
4、测试浏览器兼容问题
有些问题可能是在特定浏览器才会出现的,那么你则需把你的网站放到不同的浏览器上一一检测。如果在所有浏览器上都出现相同问题,这变相告诉你哪个地方有问题,直接修复那块就好。如果问题只在某一个浏览器上出现且不好修复,你可以为该浏览器创建一个样式表或者备用页面。
5、先删减再添加
一旦你找到问题所在,就需把病症部分剔除。例如:你已把问题缩小到特定及相应的CSS样式代码,一行一行的删除CSS代码测试问题是否被解决,很快你就会发现病症,知道该如何修复它了。修复后把先前删除的代码添加回来,记得再次测试网站看其是否正常运行。制作网站的人都知道,一个微小的变化会给网站带来很大的不同。如果你不在每次网站更新后测试,即使看似微小的变化,等以后问题出现时你很难发现到底哪里出错了。
6、首先为符合标准的浏览器设计
网站制作工程师最常遇到的问题围绕在让网站在大多浏览器上呈现一致上。尽管这很难实现,但还是有很多网站设计工程师致力于实现这一目标。这种情况下,你得先为符合标准的浏览器例如火狐设计。一旦在火狐上运行成功,你可以应用在其他浏览器上。
7、保持代码简洁
当你发现并修复问题后,你需时刻保持警惕以防问题反复。最简便的应对方法是尽量精减HTML和CSS代码。我这么说不是说让你降低网站制作的要求,而是用更简便的代码书写方式代替复杂的代码。