• 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. java getEnv不区分大小写 getProperty区分大小写

    System.out.println(System.getenv("JAVA_HOME")); System.out.println(System.getenv("Pat ...

  2. LightOJ 13361336 - Sigma Function (找规律 + 唯一分解定理)

    http://lightoj.com/volume_showproblem.php?problem=1336 Sigma Function Time Limit:2000MS     Memory L ...

  3. windows XP系统内核文件分析(全)

    Windows XP个别 System32 文件 System32 文件夹下个别要移除的文件 我们就要删除另外600 个 system32 文件...我们要一次把它们全都解决掉. 以下是我所删除的 S ...

  4. 网站在域名前面添加logo小图标

    如何给界面添加logo?就像百度的首页出现的图标. 1.准备一个ICO格式的小图标. 2.将制作好的ICO文件放到tomcat下的“D:\apache-tomcat-6.0.16\webapps\RO ...

  5. android 弹出日期选择框

    DatePickerDialog 在很多时候需要用户去设定时间,不可能让用户去在一个文本框中去输入时间,所以就需要有个日期弹出选择框,而这个框就是DatePickerDialog. 1.在API中的D ...

  6. (剑指Offer)面试题27:二叉搜索树与双向链表

    题目: 输入一棵二叉搜索树,将该二叉搜索树转换成一个排序的双向链表.要求不能创建任何新的结点,只能调整树中结点指针的指向. 二叉树的定义如下: struct TreeNode{ int val; Tr ...

  7. 30.怎样在Swift中添加运行时属性?

    和OC一样,Swift中也可以添加运行时属性.下面将提供一个完整的例子,演示如何给按钮点击事件添加运行时属性. 1.示例 import UIKit var s_GofButtonTouchDownKe ...

  8. IAR EWARM Argument variables $PROJ_DIR$ $TOOLKIT_DIR$

    在IAR中的help中输入argument variables时会找到这样的一个列表: Argument variables On many of the pages in the Options d ...

  9. 前端优化分析 之 javascript引用位置优化

    在很多优化法则中都提到,尽量将javascript放到页面底部,这是为什么呢 我通过firebug进行了下简单的分析 看下图  本页面首尾都存在javascript代码 我们分析得出 1.整个页面文档 ...

  10. Codeforces Round #189 (Div. 1) B. Psychos in a Line 单调队列

    B. Psychos in a Line Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/problemset/p ...