ie | 易学教程

让人“蛋碎”的ie兼容问题

阅读更多关于让人“蛋碎”的ie兼容问题

前段时间的一个项目，要做ie8及以上的兼容，那个做的我真的是蛋疼，菊花紧啊。。。。当时就想问问微软ie的部门，你们到底想干虾米，这不是要逼死前段工程师吗。。。。然后去Google上面找了好多关于兼容的文档，然后归类了一些，希望有跟我一样碰到这种问题的朋友们能够得到帮助，嘿嘿以下我总结简单总结了几条：不管你是不是做兼容，做为一个前端工程师，都要养成一个习惯，那就是用类（class）来控制样式（css），用id来控制脚本（JavaScript），那这是为什么呢？道理其实很简单，在ie8以下的浏览器中，对于以下 #first #second{ color：red； } 这种写法是找不到这个元素的，所以有时候你会发现在google浏览器里很和平的事情，到了ie中这个css就完全消失了。还有控制样式为什么要用id呢？因为id获取到元素的步骤是最节约资源的，而且也是最直接的，所以各位新手小白前端们，记住这个重要的步骤吧，肯定会少走很多弯路的 2. 因为要兼容ie8，而ie8是不支持css3.0的，有可能你的第一反应是，那就不用那些比较酷炫的效果喽，然而如果你只是这么想，那就图样了。。。在css2.0中，对于css那些比较好用的选择器，也是不支持的，举个最简单的例子哈，css2.0是支持：first-child这个选择器的，而：last-child是不支持的，是不是很无语

自己动手写Web自动化测试框架（3）：操纵Web控件

阅读更多关于自己动手写Web自动化测试框架（3）：操纵Web控件

上面的两次课程我们介绍了mshtml和SHDocVw的一些用途，以及如何打开并且附加到IE上，实现IE的宏观上的控制。　　这次我们将会用代码找到我们想要的控件，然后对控件进行一些操作。　　首先我们引入一个很好的IE控件： Internet Explorer Developer Toolbar ，这个控件可以帮助我们方便的找到我们想要的控件的属性。　　安装好这个控件之后，我们就可以方便的找到每一个控件的ID，或者其他属性了，如下图　　 IE Developer 　　注意，打开IE Developer Toolbar之后，要点选下面的鼠标按钮，才可以用鼠标来选择我们想要的控件。有了这个控件，我们就不用去查看源文件来找到我们想要的信息了。其他的功能这里不多说了。　　接下来我们以百度的三个控件为例，分别告诉大家如何使用ID得到TextBox，如何点击使用ID得到的Button，如何使用子控件缩小范围的方法得到一个HyperLink。　　首先我们修改上次的代码，把IE指到百度去： Console.WriteLine("Navigating ..."); object o = null; ie.Navigate("baidu.com", ref o, ref o, ref o, ref o); Thread.Sleep(2000); 　　代码我们在自己动手写Web自动化

在html中判断IE浏览器的版本

阅读更多关于在html中判断IE浏览器的版本

如何让静态HTML代码根据不同IE版本显示不同内容。这里的技巧就是利用IE的HTML注释表达式。 HTML 的注释格式是  ， IE 对HTML注释做了一些扩展，使之可以支持条件判断表达式：  当表达式expression 为True 的时候，显示 HTML 内容。例子： view plaincopy to clipboardprint?   和编程语言类似，这里的表达式还支持大于(gt)、小于(lt)、与或非等操作符。下面是一些例子。 [if IE] 判断是否IE [if IE 7] 判断是否是IE7 [if !IE] 判断是否不是IE [if lt IE 5.5] 判断是否是IE5.5 以下版本。 (<) [if lte IE 6] 判断是否等于IE6 版本或者以下 (<=) [if gt IE 5] 判断是否IE5以上版本（> ） [if gte IE 7] 判断是否 IE7

标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型

阅读更多关于标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型

盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：　　从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。　　ie 盒子模型　　从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、content，和标准 w3c 盒子模型不同的是：ie 盒子模型的 content 部分包含了 border 和 pading。　　例：一个盒子的 margin 为 20px， border 为 1px， padding 为 10px， content 的宽为 200px、高为 50px。假如用标准 w3c 盒子模型解释，那么这个盒子需要占据的位置为：宽： 20*2+1*2+10*2+200=262px 高： 20*2+1*2*10*2+50=112px 盒子的实际大小为：宽： 1*2+10*2+200=222px 高： 1*2+10*2+50=72px 假如用ie 盒子模型，那么这个盒子需要占据的位置为：宽： 20*2+200=240px 高： 20*2+50=70px 盒子的实际大小为：宽： 200px 高：

360浏览器内核控制，配置使用极速模式或者兼容模式

阅读更多关于 360浏览器内核控制，配置使用极速模式或者兼容模式

背景介绍由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下，我们仍然无法达到百份百正确。因此，我们新增加了一个控制手段：内核控制Meta标签。只要你在自己的网站里增加一个Meta标签，告诉360浏览器这个网址应该用哪个内核渲染，哪么360浏览器就会在读取到这个标签后，立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。代码示例在head标签中添加一行代码： <html> <head> <meta name="renderer" content="webkit|ie-comp|ie-stand"> </head> <body> </body> </html> content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核

360浏览器根据网页META 自动切换内核

阅读更多关于 360浏览器根据网页META 自动切换内核

浏览器内核控制Meta标签说明文档背景介绍由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下，我们仍然无法达到百份百正确。因此，我们新增加了一个控制手段：内核控制Meta标签。只要你在自己的网站里增加一个Meta标签，告诉360浏览器这个网址应该用哪个内核渲染，哪么360浏览器就会在读取到这个标签后，立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。代码示例在head标签中添加一行代码： <html> <head> <meta name = "renderer" content = "webkit|ie-comp|ie-stand" > </head> <body> </body> </html> content的取值为webkit,ie-comp,ie

浏览器内核控制meta name="renderer" 说明文档

阅读更多关于浏览器内核控制meta name="renderer" 说明文档

浏览器内核控制Meta标签说明文档背景介绍由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下，我们仍然无法达到百份百正确。因此，我们新增加了一个控制手段：内核控制Meta标签。只要你在自己的网站里增加一个Meta标签，告诉360浏览器这个网址应该用哪个内核渲染，哪么360浏览器就会在读取到这个标签后，立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。代码示例在head标签中添加一行代码： <html> <head> <meta name="renderer" content="webkit|ie-comp|ie-stand"> </head> <body> </body> </html> content的取值为webkit,ie-comp,ie-stand之一

X-UA-Compatible属性的解释

阅读更多关于 X-UA-Compatible属性的解释

问题描述：代码如下: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" /> 1、这个到底是什么意思？ 2、一些示例使用”,”分离IE的版本，而一些使用”；“，哪个正确？ 3、我想知道IE=9; IE=8; IE=7; IE=EDGE顺序的含义。在文档中使用了<!DOCTYPE> 答复：对于IE8及以上版本，例如： <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" /> 强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号（；）分隔，对于不同的浏览器版本就有不同的兼容性，例如 <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" /> 以上就表明，将IE8和IE7按照IE7标准渲染，但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。尽管在真实情况中，你只要选择一种版本：代码如下: <meta http-equiv="X-UA-Compatible" content="IE=8" /> 这对于测试和维护会更加简单。而通常更加有用的方式就是进行仿真模拟代码如下: <meta http-equiv="X-UA

注册表开启或关闭ie浏览器-局域网设置-自动监测设置

阅读更多关于注册表开启或关闭ie浏览器-局域网设置-自动监测设置

开启： reg add "HKCU\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Connections" /v DefaultConnectionSettings /t REG_BINARY /d 46000000020000000900 /f 关闭： reg add "HKCU\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Connections" /v DefaultConnectionSettings /t REG_BINARY /d 46000000030000000100 /f 用于解决常见报错 ERROR:10061 来源： https://www.cnblogs.com/Delo/p/11995424.html

深入了解CSS中盒子模型

阅读更多关于深入了解CSS中盒子模型

原文: 深入了解CSS中盒子模型 CSS中盒子模型介绍 # 什么是盒子？盒子是用来存储物品，我们可以将盒子理解为酒盒，酒盒有什么组成的呢？有酒可以喝、有填充物保护酒防止酒被摔坏、纸盒子。我们怎么理解 CSS 中的盒子呢， CSS 中盒子有什么组成的呢？有内容、内边距、边框、外边距。 CSS 中盒子的主要属性有 5 种如： width 宽度、 height 高度、 padding 内边距、 border 边框、 margin 外边距。 CSS中盒子模型实践 # CSS 中盒子模型实践，给大家看看我们 CSS 中的盒子长什么样。代码块 Copy<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>盒子模型</title> <style> div { /*这里的宽度指的就是盒子内容的宽度*/ width: 100px; /*这里的高度值的就是盒子内容的高度*/ height: 100px; /*内边距就是盒子里面的内容到边框的距离*/ padding

订阅 ie