(浏览器兼容性问题总结罗淑芬.doc

同维电子有限公司 无线事业部 拟　制　人 时　间 罗淑芬 2014年9月4号 浏览器兼容性问题总结 浏览器兼容性问题总的概括为不同浏览器、平台、技术带来的不兼容问题。 浏览器内核各品牌浏览器的内核是不同的，不同的内核处理同一段代码的时候思路不同。因此可以说，浏览器间内核的差异是产生兼容性问题的根本原因: 所以我们在版本全面测试时选用的主要浏览器就是以上四种。 在测试过程常遇到的兼容性问题： 1，不同内核的浏览器中文件选择控件的外观也不相同：例如使用安卓手机开启DUT管理页面会出现控件显示比较小。 2，JS脚本运行异常，在页面弹出错误提示 3，框架或布局显示问题 4，页面显示乱码 对浏览器兼容性问题分析步骤： 1）检查问题是否可重现 2）试着隔离错误，查看同类型浏览器其他版本是否有此问题，其他浏览器是否有此问题，不同的平台是否存在此问题。 3）对问题进行归纳。同一个问题是否出现在其他的模块或其他的地方？ 4）对比，对比之前的版本或竞品 下面分别介绍在netgear repeater中浏览器兼容性问题的现象： 不同内核的浏览器中文件选择控件的外观也不相同 netgear repeater测试过程中出现安卓手机自带浏览器(I9220)使用设置向导时，勾选框太小，勾选与不勾选不易区分，如下图： iphone手机登录repeater运行设置向导，页面中涉及到下拉框的地方字体都太小了 问题原因：1）自带控件更改不了大小，需要用图片代替，2）下拉框子字体大小未调节。 JS脚本运行异常，在页面弹出错误提示 在netgear repeater测试时备份配置IE8版本弹出下面错误提示 框架或布局显示问题 IE8安全选项选择WPA2-PSK中间空白间隙较大，在火狐和safari上没有此问题 IE8上框架显示滚动条,IE9没有 页面显示乱码问题： safari浏览器打开管理页面选择语言部分，显示国家有乱码 关于IE各版本的兼用性测试：在netgear repeater全面测试中浏览器兼容性测试是是由IE7逐步升级到IE11，后来才发现其实IE11自带的工具也可以实现浏览器兼容性测试。通过开启IE11，按下F12键，会出现一个仿真面板.仿真面板下的内容非常简单，包括了主要的三种仿真内容：模拟浏览器模式、模拟显示和模拟地理位置。 模式仿真可以模拟包括文档模式、浏览器配置文件和用户代理字符串，用户代理字符串也就是俗称的UA。UA：它是一个特殊字符串头，使得服务器能够识别使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。 文档模式会告诉IE的页面排版引擎(Trident)以哪个版本的方式来解析并渲染网页代码。如果我们想要看到某个网页在旧的IE浏览器上的页面效 果，就可以切换IE11的文档模式来查看。这样更改的文档模式会让网页刷新，但是浏览器的UA不会改变。这个功能与IE11之前的IE10、9和8上提供 的开发者工具的文档模式是相同的。在IE11之前的开发者工具除了文档模式之外的还提供了浏览器模式，它的作用的是用于切换IE针对该网页的默认文档模式 以及发送给网站服务器的用户代理(UA)字符串的值。网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能，这样就可以向不同的浏览 器返回不同的页面内容。 而到IE11上，微软取消掉了浏览器模式的切换，或者说是增强了浏览器模式的切换，直接提供了大量的UA切换选择，这样就可以分别控制UA和文档模 式了。这里包括了从10到6的IE版本，还有Windows Phone 上的 IE9和10，另外像Chrome 和 Firefox 的UA在IE11上也可以直接模拟。 UA的模拟不管是对于开发者还是对于大多数普通用户来说都非常实用。开发者们不需要安装大量的其他浏览器来检查网站在这些浏览器上的安装效果，如果 只是想测试不同的UA在不同网页上的显示效果，如果不使用这个工具可能需要安装对应的虚拟机再安装浏览器来实现，费时费力。而在IE11上，只要选择对应 浏览器的UA，浏览器就会把自己伪装成你想要的样子。 不喜欢用IE的同学，看这里! 通过命令行卸载IE9、IE10和IE11的方法。为了进行下面的操作，你必须登陆管理员账户或者拥有管理员权限。 单击开始按钮，在搜索框里输入cmd，进入命令提示框，将下面的命令复制粘贴到命令框里，然后按下Enter键执行。 以下是执行卸载IE9的命令行： FORFILES /P %WINDIR%\servicing\Packages /M Microsoft-Windows-InternetExplorer-*9.*.mum /c cmd /c echo Uninsta