IE7和IE8快速浏览器测试

众所周知,在IE7和IE8中的测试可能会非常退出! (即使在最好的时间)。 我想如果您不使用工具或虚拟机,我将分享一种快速的方法来测试IE7和IE8中的布局是否损坏 。 您只需要在开头标签之后直接在下面包含meta标签。

这是使用IE8标准模式发现的菜单损坏的示例。

指定IE文档兼容模式

您可以使用文档模式来控制Internet Explorer解释和显示网页的方式。

X-UA兼容标头指示Internet Explorer在确定如何显示网页时模仿Internet Explorer 8的行为。 阅读有关定义文档兼容性的更多信息。
  
  
    

因此您的页面可能如下所示:

 

   
  
   
   
  
   
   My webpage


  

Content goes here.

IE开发人员工具

如果我们检查IE开发人员工具,我们可以看到它正在IE8标准文档模式下运行(按F12键打开IE开发人员工具)。 从这里我们可以轻松地在版本之间切换,但是我们在meta标记中指定的版本成为页面默认值。

为什么使用meta标签?

您可能会想为什么仅在IE dev工具中更改模式时为什么要使用meta标记。 好吧,如果您使用条件加载IE8样式表,则meta标签会强制加载该样式表。

  
  
    

IE7

对于IE7,只需使用以下meta标签即可。

  
  
    

更多想法

请注意,我非常确定这仅在使用IE9时才有效(不适用于FF或Chrome-如果我在那里写错了,请改正我),添加元标记后,您需要刷新页面。 我也不确定IE10,我还没用过它!!!

From: https://www.sitepoint.com/ie7-ie8-testing/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值