探索IE11新开发者工具 - 简单好用的仿真面板
IE11的开发者工具就像是一个巨大的宝藏，等待我们慢慢的挖掘。对于开发者而言，IE11功能强大UI响应和资源分析工具可以帮助找到资源占用过高的原因；而对于大多数用户来说，开发者工具还有其他简单易用的功能：仿真面板下的功能就是面向所有人的简单又实用的好功能。 http://static.cdn.pcbeta.com/data/attachment/album/201401/07/1551332wl99990lwzuzeuu.jpg仿真面板下的内容非常简单，包括了主要的三种仿真内容：模拟浏览器模式、模拟显示和模拟地理位置。 模式仿真可以模拟包括文档模式、浏览器配置文件和用户代理字符串，用户代理字符串也就是俗称的UA。 文档模式会告诉IE的页面排版引擎（Trident）以哪个版本的方式来解析并渲染网页代码。如果我们想要看到某个网页在旧的IE浏览器上的页面效果，就可以切换IE11的文档模式来查看。这样更改的文档模式会让网页刷新，但是浏览器的UA不会改变。这个功能与IE11之前的IE10、9和8上提供的开发者工具的文档模式是相同的。在IE11之前的开发者工具除了文档模式之外的还提供了浏览器模式，它的作用的是用于切换IE针对该网页的默认文档模式以及发送给网站服务器的用户代理（UA）字符串的值。网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能，这样就可以向不同的浏览器返回不同的页面内容。 http://static.cdn.pcbeta.com/data/attachment/album/201401/07/15513338o8khico2hivk1q.png而到IE11上，微软取消掉了浏览器模式的切换，或者说是增强了浏览器模式的切换，直接提供了大量的UA切换选择，这样就可以分别控制UA和文档模式了。这里包括了从10到6的IE版本，还有Windows Phone 上的IE9和10，另外像Chrome 和Firefox 的UA在IE11上也可以直接模拟。 UA的模拟不管是对于开发者还是对于大多数普通用户来说都非常实用。开发者们不需要安装大量的其他浏览器来检查网站在这些浏览器上的安装效果，如果只是想测试不同的UA在不同网页上的显示效果，如果不使用这个工具可能需要安装对应的虚拟机再安装浏览器来实现，费时费力。而在IE11上，只要选择对应浏览器的UA，浏览器就会把自己伪装成你想要的样子。 而对于大多数用户来说，UA仿真可以在电脑上实现一些需要移动浏览器才能实现的内容，仿真成iPad 跳过视频网站烦人的广告虽然有点不厚道，但确实很实用：http://static.cdn.pcbeta.com/data/attachment/album/201401/07/155134lgb77z7e7psg7be9.png似乎这种方法大家都知道了，现在很多视频网站已经屏蔽了改UA跳过广告的方法。 除了改UA欺骗浏览器外，通过模拟GPS 也可以进行欺骗浏览器的行为，最有意思的玩法就是用来发微博。 方法很简单，打开手机版的微博:weibo.cn。接着在下方选择触屏版或者将浏览器配置文件换成Windows Phone，页面会自动跳转到weibo.cn。进入触屏版页面后，再启用模拟GPS，默认的地址是微软总部，我们可以在纬度和经度里填入想要模拟的位置。http://static.cdn.pcbeta.com/data/attachment/album/201401/07/155134hhkh8y22kohkzqk2.png
接着点击插入地理位置，浏览器会提示需要获取我们的实际位置，允许就行，接着你就能看到它获取的其实就是我们输入的模拟GPS。http://static.cdn.pcbeta.com/data/attachment/album/201401/07/155134ocnx77rdr4xxnw4o.png
选择后确定发送就可以了。看看效果： http://static.cdn.pcbeta.com/data/attachment/album/201401/07/155135oyvv2vyy2y67y8v5.png这只是模拟GPS一点小小的恶搞，你还能想到模拟出地理位置有其他哪些用处呢？ IE11 更新了大量的内容，仅仅是开发者工具下仿真面板里的都可以让我们收获不少，相信深入了解后我们还可以有更多的收获。
这个要学习下 哈，摸索了好一阵，早看到这个帖子就省事了
感谢分享 这个真的要学习。
页:
[1]