Openstack的dashboard开发之【浏览器兼容性】
完全不支持浏览器:
ie9(含)以下ie低版本浏览器及使用ie低版本浏览器的内核的扩展浏览器,如360安全浏览器(内核ie6)
原因:不支持vnc(需要浏览器支持才有vnc功能),jquery也不在支持.另外项目中还是用到windows.localStorage,为浏览器本地存储数据库,低版本ie也不支持。
现象:都能登录,但界面格式会乱,另外vnc功能不可用,ajax请求不可用
不完美支持浏览器:
ie10必须设置为非兼容模式才能完美支持,如果设置为兼容模式,则表现为完全不支持。所以会有ie10在chester那台机器上不正常显示(兼容性视图),在valiant那里正常
显示的情况(非兼容性视图)。
另:兼容模式是指高版本的浏览器渲染网页时使用低版本的解析引擎。
完全支持浏览器:
ie11, chrome, opera,baidu浏览器,基本都是chrome内核.
流氓浏览器:
QQ浏览器,QQ浏览器没有内嵌浏览器内核,如果当前系统中的IE是IE9,则QQ浏览器内核会调用IE9内核,如果是IE11,则会调用IE11的内核。在我们下载QQ浏览器的安装包就可以看出来,只有4M,
而其他几乎所有的浏览器都是几十M安装包。
容忍度评估:
使用ie10测试openstack自带管理界面, 表现和我们自己开发的dashboard一样,兼容模式下vnc不能使用,js不能使用。非兼容模式下完美呈现。
openstack管理界面要使用完美功能显然是默认不支持低版本ie浏览器.
在登录界面测试浏览器类型,版本,是否符合我们的要求。不符合建议换浏览器.对于ie10,默认为不支持浏览器.
鉴于本项目使用人绝对不是一般用户(浏览器都不知道是什么的用户,而应该是知道虚拟机的开发人员),提出浏览器要求是可以的。在点击登录时,判断浏览器是否是我们要求的浏览器,
如果不是,提供可用的浏览器下载地址.

点击login,监测是否为完美支持浏览器.
关于IE11:http://www.ithome.com/html/ie/48082.htm]]
Openstack的dashboard开发之【浏览器兼容性】的更多相关文章
- 【web前端开发】浏览器兼容性处理
1.居中问题div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto;2.高度问题两上下排列或嵌套的div,上面的div设置高度(height),如果div里的 ...
- Openstack安装Dashboard之后,浏览器无法打开页面 500 Internal Server Error
在手动部署Openstack时,按照官方文档安装Dashboard,并进行了配置后,发现用浏览器无法打开界面 页面显示: Internal Server Error The server encoun ...
- 转:【web前端开发】浏览器兼容性处理大全
解决思路: ①.写代码的时候遵循W3C标准,按照最新稳定版本的IE或WebKit内核浏览器进行编码 ②.遇到部分无法全面解决浏览器兼容的时候,采取CSS的hack手段进行针对性微调.简单的说,CSS ...
- 【web前端开发】浏览器兼容性处理大全
1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2.高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果di ...
- web前端开发浏览器兼容性 - 持续更新
浏览器兼容性问题又被称为网页或网站兼容性问题:不同浏览器内核及所支持的html等网页语言标准不同,不同客户端环境(如分辨率不同)造成实际显示效果未能达到预期理想效果 首先我们来看一下目前市面上常见的一 ...
- [转]Openstack Havana Dashboard测试和使用
转贴一篇陈沙克老师的文章:http://www.chenshake.com/openstack-havana-dashboard-to-test-and-use/ Openstack Havana D ...
- CSS3与页面布局学习笔记(八)——浏览器兼容性问题与前端性能优化方案
一.浏览器兼容 1.1.概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题.不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运 ...
- 浏览器兼容性之Css篇
本文与上一篇随笔<浏览器兼容性之Javascript篇>有一定关联,下来我会继续不断总结,旨在解决浏览器兼容性,对遇到类似问题的同仁有所帮助,如有更多解决浏览器兼容性的案例还望大家分享一起 ...
- Web浏览器兼容性测试工具如何选择
对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很 ...
随机推荐
- The Best Path---hdu5883(欧拉路径)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5883 题意:n 个点 m 条无向边的图,找一个欧拉通路/回路使得这个路径所有结点的异或值最大. 先判断 ...
- Top Five Communication Skills for Project Managers
Research among project managers globally identifies top communication skills for leading teams. Lead ...
- documentElement和ownerDocument和ownerElement
1.document.documentElement是指文档根节点----HTML元素 2.element.ownerDocument是指当前元素所在的文档对象----document 3.attrO ...
- Java Difference between Private and Protected
Private means this could only be seen within this class. Protected means "package private" ...
- JQuery AJAX: 了解jQuery AJAX
jQuery AJAX 一.简介1.AJAX是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新.AJAX = 异步 JavaScript 和 XML(Asynchronous ...
- What algorithm to use to normalize someone's face on image
http://stackoverflow.com/questions/7066104/what-algorithm-to-use-to-normalize-someones-face-on-image
- QMainWindow的setLayout的问题
因为QMainWindow有自己的layout,所以需要一个QWidget,然后setCentralWidget,给这个QWidget调用setLayout http://stackoverflow. ...
- 压测 502 日志报错 upstream timed out (110: Connection timed out)
环境介绍 服务器:centos6.5服务:nginx proxy 问题描述: 压测 开发同事 的开发环境项目没事,但是 线上机器 命中%50 ,大量502 php的某些页面打不开,页面提示gatewa ...
- 什么是BI及哪些行业需要用到BI?
什么是BI?哪些行业需要用到BI?BI——就是分析利用企业已有的各种商用数据来了解企业的经营状况和外部环境,从而为企业的经营决策提供数据支撑.下面我们来详细分解下: 企业应用BI的目标即是期望通过对来 ...
- jQuery中append()与appendTo()方法区别
1. append(content)方法 方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (<Content>): 要追加到目标中的内容. 用法示例: HTML代码为& ...