• VirtualBox 是开源的虚拟机软件,常用的虚拟机软件还有 VMware / Hyper-V / Paralles Desktop 。
  • modern.ie 是微软官方提供的用于测试网页在各版本 IE 浏览器效果的虚拟机镜像。注意不是 ISO 光盘镜像,不能直接用于真机的安装,只能在虚拟机软件里运行。
  • 测试 IE 浏览器兼容性的方式还有 IETester
  • 也可以使用 VirtualBox 配合对应系统的 ISO 光盘镜像文件 进行测试。

    本文基于 Windows 版 VirtualBox 和 Win7+IE8 虚拟机镜像文件

    下载并安装软件

  • VirtualBox 官网:https://www.virtualbox.org/
  • modern.ie:https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/ 选择对应的操作系统版本和虚拟机软件,下载并解压文件

    新建虚拟机

  • 打开 VirtualBox ,选择 管理 -> 导入虚拟电脑 -> 选择从 modern.ie 下载并解压的 .ova 文件

  • 点击 下一步 -> 可根据需要配置虚拟硬盘位置
  • 点击导入 -> 等待 1-2 分钟 -> 运行虚拟机,可以看到对应版本的 IE 浏览器

    设置虚拟机的共享文件夹与拖拽小文件

    设置共享文件夹

  • 在虚拟机的菜单下,点击 设备 -> 共享文件夹
  • 点击 新建 按钮 -> 选择本机的一个文件夹 -> 勾选 自动挂载 和 固定分配 -> 保存。

    拖拽小文件

  • 在 VirtualBox 的菜单下,选择 控制 -> 设置
  • 选择 常规 -> 高级 -
  • 共享剪贴板下拉框可选择 双向,拖放下拉框可选择 主机到虚拟机

    安装增强功能

    注意:在进行完以上操作后,还需要在 VirtualBox 菜单中选择 设备 -> 安装增强功能 进行安装才能正常使用以上功能。

    解决虚拟机的时区与中文乱码问题

    时区问题

    由于 modern.ie 提供的是英文版的操作系统镜像,我们需要手动的更改时区。

    打开控制面板,选择 Date and Time -> Change time zone -> 选择 (UTC+08:00)Beijing, Chongqing, HoneKong, Urumqi 保存。

    中文乱码

    打开控制面板,选择 Region and Language -> Administrative -> Change system locale -> 选择 Chinese(Simplified, PRC) 保存并重启虚拟机。

    结语

    至此,我们对虚拟机进行了基本的配置,并可以在虚拟机自带的 IE 浏览器中进行兼容性调试。如有错误或疏漏,欢迎指出。

    相关链接

  • VirtualBox: https://www.virtualbox.org/
  • modern.ie: https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
  • 微软镜像:http://www.iplaysoft.com/windows-test-vms.html
  • 共享文件夹: http://www.crifan.com/add_share_folder_for_virtualbox_guest_xp_and_host_win7/
  • 安装增强功能:http://www.crifan.com/how_to_intall_virtualbox_guest_additions_to_enhance_function/
  • 英文版操作系统显示简体中文程序乱码的问题:https://support.microsoft.com/zh-cn/kb/2488245

测试 IE 浏览器兼容性 VirtualBox + modern.ie的更多相关文章

  1. 在线HTTP速度测试(响应时间测试)及浏览器兼容测试

    一.前言 网站的响应时间,是判断一个网站是否是好网站的重要的因素之一.百度首页的响应时间在全国各个省份小于10ms.这个响应时间远远好于竞争对手.根据美丽说的技术负责人分析,美丽说访问速度提升10%, ...

  2. Web前端页面的浏览器兼容性测试心得(二)搭建原汁原味的IE8测试环境

    如果你做的页面被老板或PM要求兼容IE8,你就值得同情了.IE8不支持HTML5,在2017年的前端界,开发者不涉及HTML5标准简直寸步难行.然而,有一个可怕的事实客观存在,那就是IE8是Win7系 ...

  3. Web浏览器兼容性测试工具如何选择

    对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很 ...

  4. CSS3与页面布局学习笔记(八)——浏览器兼容性问题与前端性能优化方案

    一.浏览器兼容 1.1.概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题.不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运 ...

  5. CSS 多浏览器兼容性问题及解决方案

    兼容性处理要点1.DOCTYPE 影响 CSS 处理 2.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 ...

  6. css不同浏览器兼容性调试 --- 转自: [http://wo.115.com/?ct=detail&id=31733&bid=1018841]

    css不同浏览器兼容性调试 IE6.0,IE7.0与Firefox的CSS兼容性问题1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right ...

  7. 【转】CSS浏览器兼容性与解析问题终极归纳

    1.怪异模式问题:漏写DTD声明,Firefox仍然会按照标准模式来解析网页,但在IE中会触发怪异模式.为避免怪异模式给我们带来不必要的麻烦,最好养成书写DTD声明的好习惯. 2.IE6双边距问题:在 ...

  8. web前端开发浏览器兼容性 - 持续更新

    浏览器兼容性问题又被称为网页或网站兼容性问题:不同浏览器内核及所支持的html等网页语言标准不同,不同客户端环境(如分辨率不同)造成实际显示效果未能达到预期理想效果 首先我们来看一下目前市面上常见的一 ...

  9. 测试web网站兼容性的方法

    随着操作系统,浏览器越来越多样性,导致软件兼容性测试在目前软件测试领域占有很重要的地位,无论是B/S架构还是C/S架构的软件都需要进行兼容性测试,为了充分保证产品的平台无关性,使用户充分感受到软件的友 ...

随机推荐

  1. Scriptcase优惠活动即将结束

    前段时间我们开展了一段时间的Scriptcase打折优惠活动,现该活动即将结束,敬请知悉. Scriptcase是最好的PHP代码生成器,可以方便的与MySQL.Oracle.MSSQL.DB2等几乎 ...

  2. CCF 201312-1 出现次数最多的数 (水题)

    问题描述 给定n个正整数,找出它们中出现次数最多的数.如果这样的数有多个,请输出其中最小的一个. 输入格式 输入的第一行只有一个正整数n(1 ≤ n ≤ 1000),表示数字的个数. 输入的第二行有n ...

  3. Oracle Job相关

    Oracle JOB的建立,定时执行任务      begin            sys.dbms_job.submit(job => :job,                       ...

  4. 第三章TP-Link 703N OpenWrt设置网络

    默认情况下不开启wifi,另外需要连接到网络来安装软件,所以需要修正配置文件. 可以用vi修改相关配置(不会用vim的同学悲剧了). 首先修改/etc/config/wireless文件,注释掉 # ...

  5. Spring MVC防止数据重复提交

    现实开发中表单重复提交的例子很多,就包括手上这个门户的项目也有这种应用场景,用的次数多,但是总结,这还是第一次. 一.基本原理 使用token,给所有的url加一个拦截器,在拦截器里面用java的UU ...

  6. SAE J2534 Pass-Thru API

    Connects to the OBDII J1962 DLC and supports the following protocols. 1 CAN2 Single Wire2 J1850PWM+ ...

  7. 数据结构复习:交换排序原理及C++实现

    1. 交换排序的基本思想 两两比较key值,如果发生逆序(排列的顺序与期望的顺序相反)就交换,知道所有对象都排序完毕!常见的3种交换排序算法:冒泡排序,shaker排序和快速排序. 2. 冒泡排序 设 ...

  8. C++学习笔记之友元

    一.引言 C++控制对类对象私有部分(private)的访问,通常只能通过公有的(public)类方法去访问.但是有时候这种限制太严格,不适合特定的问题,于是C++提供了另外一种形式的访问权限:友元. ...

  9. Android语音搜索

    前言 在现有的软件的搜索框中基本上都会加上语音搜索的图标,以方便用户输入.我们xxxx的搜索框其实也可以借鉴这样的输入方式,提高用户体验.语音识别有3种方式实现①使用intent调用语音识别程序;②通 ...

  10. SQL注入原理解说,非常不错!

    原文地址:http://www.cnblogs.com/rush/archive/2011/12/31/2309203.html 1.1.1 摘要 日前,国内最大的程序猿社区CSDN站点的用户数据库被 ...