• 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. (转载)ETL利器Kettle实战应用解析系列一【Kettle使用介绍】

    http://www.cnblogs.com/limengqiang/archive/2013/01/16/kettleapply1.html ETL利器Kettle实战应用解析系列一[Kettle使 ...

  2. 在drupal7中动态的为某个内容类型添加字段

    $myField_name = "my_new_field_name"; if(!field_info_field($myField_name)) // check if the ...

  3. Educational Codeforces Round 5 E. Sum of Remainders (思维题)

    题目链接:http://codeforces.com/problemset/problem/616/E 题意很简单就不说了. 因为n % x = n - n / x * x 所以答案就等于 n * m ...

  4. Base64把图片、文件转码成字符串(互转)

    文件Base64以后会翻倍的涨,例如一张52kb的图片 base64以后string文件大小为185kb,在通过string转回图片为135kb   图片转文字: UIImage *_originIm ...

  5. My集合框架第一弹 LinkedList篇

    package com.wpr.collection; import java.util.ConcurrentModificationException; import java.util.Itera ...

  6. CSS line-height 和 vertical-align 精解(上篇)

    声明本文转自:http://hi.baidu.com/wolongxzg/item/a39ef8299c984283af48f5b0 line-height属性的具体定义列表如下: 语法: line- ...

  7. android AChartEngine图标引擎

    AChartEngine 1.在androi开发中的时候很多时候是要用图表将数据直观的显示出来的,这里就要用到AChartEngine. XMultipleSeriesRenderer 是经常要用到的 ...

  8. 在XAF(ASP.NET)中以ListEditor的形式调用百度地图API

    因为项目需要,在系统中使用地图显示设备的地理位置.考虑过ArgGIS,Bing和Baidu地图.本来想用ArgGIS,看教程嫌麻烦.所以还是用Web地图吧.Bing的话还要申请个key,没心情.百度地 ...

  9. Oracle中TO_DATE格式

    转自:http://www.cnblogs.com/ajian/archive/2009/03/25/1421063.html TO_DATE格式(以时间:2007-11-02   13:45:25为 ...

  10. ASP.NET 最佳DataGrid读取单元格的值

    采用asp:BoundColumn列 前台: <asp:BoundColumn DataField="UserID" HeaderText="工号"> ...