昨天下午的时候在mg12那里扒了一段代码，做了点修改，做成了我现在的“feed订阅”和“跟着我！”菜单。由于在做的时候忘了在各种浏览器上做兼容性测试，导致上线以后我才发现，“跟着我！”菜单在opera、firefox等浏览器里都错位了。
经过我的观察，我初步认定bug的根源在菜单的jQuery脚本里，那里使用了一个很少见的方法指定菜单的位置。由于我对jQuery并不熟悉，于是我请教了jQuery玩得不错的小小子同学，我们两人合力还是没把问题解决。
说说正题吧。当网页中出现BUG的时候应该怎么解决呢？

1、测试在各种主流浏览器里BUG表现出来的效果
由于各种浏览器使用的核心不同，它们对于相同的代码有事会表现出不同的效果。通过在不同浏览器里的比较，基本上就可以确定BUG到底是由脚本、css还是html结构引起的了。同时，推荐用firebug查看一下页面结构。
2、确定了BUG由什么引起以后，需要对该段代码进行分析
HTML文件里，只要确定各个标签之间已经正确闭合，一般不会有大问题出现。这里要说的就是css和JavaScript脚本对浏览器的兼容性了。这两者之间通常是紧密结合的。以我修改“跟着我！”菜单的位置为例。一开始我是怀疑相关的jQuery脚本里一个确定菜单位置的方法引起的，由于这个方法使用的语句很少见，网上的资料也不多，因此我和小小子都没办法通过修改脚本来修复bug。既然从脚本入手无法解决，既然和布局有关，那就试试修改css吧！
3、用自己最有把握的方法修复BUG
css是我最擅长的一种web设计语言。要修复菜单错位的BUG，我需要为除ie以外的浏览器加上一个margin-left属性。写了两句css hack后，重新测试一下，问题解决了。

另外总结出下面几点：
1、设计网页时尽量用常见的语句，无论是写脚本还是css，这样对后面修复意外出现的bug和进一步修改都会带来很大方便，而且，符合标准的代码兼容性一般也比较强。
2、少扒别人的代码，会写的尽量自己写，这样才能在以后的修改和bug的修复过程中自己能有一个清晰的思路。
3、尽量在多个浏览器里进行测试，然后从BUG最严重的浏览器开始修复兼容性问题。
4、增加代码最好不要对已有的框架进行改动。在我无法通过脚本修复菜单bug的时候，我曾经有利用另一个html结构重写菜单的冲动，幸好我没有这么做，否则重新写css并测试兼容性是一个很麻烦的事。
5、多google一下，自己无法解决再请教别人。