说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

IE11全新的F12开发人员工具详解

HTML文档下载 WORD文档下载 PDF文档下载
IE11中的F12由Visual Studio团队和IE团队密切合作构建而成,旨在为开发人员提供可操作的数据,帮助开发人员快速找出并解决问题。

随着Windows 8.1正式发布,之前网上已曝光该版本将包含全新Bing语音识别、Fresh Paint,包含更多动态磁贴外观设定、重新调整的多任务操作界面等,但IE11的出现还是让不少网友喜出望外。其中IE11的F12 开发人员工具更是让开发者大快人心。下面我们一起来看看F12开发者工具到底带来了哪些与众不同的改变。

1.UI响应工具(CTRL + 5)

初瞥下新的F12开发人员工具,发现界面整体升级成了Windows8metro风格,和操作系统界面更搭配,操作按钮,数据显示,统计图表 操作更直观方便。



2.功能升级

IE11的F12开发者工具具有颠覆性设计和增强,可以帮助开发人员跨多种设备来构建、诊断和优化现代网站和应用。F12开发者工具可帮助Web开发人员快速、高效地完成各项工作。

F12由VisualStudio团队和IE团队密切合作构建而成,旨在为开发人员提供可操作的数据,帮助开发人员快速找出并解决问题。全新的F12包含用于诊断和修复性能问题的工具以及帮助您深入了解IE 如何布局和呈现您的应用的工具,可以帮助您提供快速而流畅的Web体验。F12支持现代Web开发人员所使用的快速、迭代工作流。

F12最重要的一些新功能:

  • ž 新且更干净的用户界面。
  • ž 新的响应、内存以及模拟工具。
  • ž 常见工具中新的、改进的功能。
  • ž 更快、更简单的工作流。

下面我们对F12的一些新功能重点介绍一下:

(1)使用UI响应工具加快网页速度


当页面运行时,新的UI响应工具为其提供配置文件,从而标识页面速度减慢的位置以及花费时间过长的进程。开发人员可以观察CPU使用率、帧速率与页面行为之间的关系。

要点: 当Windows 7并非处于最新状态时,在Windows 7上的IE11中可能会禁用F12开发人员工具中的UI响应工具。如果 UI 响应工具无法在Windows 7上安装的IE11中正常工作,请确保已经安装 Windows更新中的所有可用更新。

(2)CSS、HTML以及JavaScript自动完成

键入JavaScript、HTML 或CSS代码时, 控制台和DOM资源管理器工具会提供自动完成建议。自动完成有助于实现以下操作:

  • 使API更容易被发现;例如控制台API方法;
  • 减少键入错误;
  • 加速工作流;

(3)屏幕和GPS模拟

使用模拟工具,你可以在小至240像素宽的移动屏幕上,大至4k家庭影院屏幕的所有屏幕上预览站点外观。GPS模拟测试移动网页如何在世界任何位置进行响应。

(4)有意义的内存分析


随着时间的推移跟踪内存使用情况是一个重要工具,用于调试页面速度缓慢和崩溃情况。新的内存工具提供了以下内容:

  • 整体内存使用情况的时间线视图。
  • 内存使用情况快照,显示某个给定时间点网页的内存使用情况。
  • 快照比较,查明两个快照之间更改内存使用情况的源。这有助于标识网页运行时和用户与网页交互时显露的内存问题。
  • 高亮显示的孤立元素,显示可以回收元素的位置。

(5)右键单击以检查

使用IE11在DOM资源管理器工具中选择页面元素非常轻松。右键单击页面上的元素,然后单击上下文菜单中的“检查元素”,以在DOM资源管理器工具中突出显示元素。

3.切换回以前的IEOldF12模式

很多朋友安装IE11后发现无法像旧版那样切换兼容模式了,于是很快就卸载了,其实IE11预览版实际上有两个开发工具,一个是新版(F12工具),另一个是旧版(IE Devtool工具)。新版很诱惑,旧版也不能少啊,那怎么办呢?

下载:https://github.com/Linrstudio/IEOldF12/

这里有一个小工具,可以方便切换新旧版开发工具:

把ES6带进Node社区 Io.js 1.0.0正式发布 Java 2014:10个最热门、最具争议性的话题 回顾:2014年最流行前端开发框架对比评测 实例讲解SQL注入攻击 调试大规模服务器集群的五大策略 .NET编译平台Rosly将迁移到Github Wasai虚拟现实头盔与体验馆发布:虚拟现实的线下经济 订票系统不再瘫痪 阿里云确认与12306合作 Apple前工程师Warren Moore:Swift中Metal使用初体验 手把手教学:详解Swift中的iOS设计模式 见微知著,那些触动人心的应用细节设计(一) 设计优秀API七大要诀 需求 细节 BI项目成功的五大要素 BI项目成功的五大要诀 最受程序员欢迎的公司榜单发布:2015 IT人才招聘趋势分析 Swift中的指针操作及使用 Android性能优化典范 专访Google涂鸦首席设计师Ryan Germick:为什么世界需要Doodle? 不炒作就会死!小米乐视生态布局的那些爱恨情仇 100个iOS开发/设计面试题汇总,你将如何作答? 王巍:关于Swift学习和Apple Watch开发的一些建议 微软发全息影像头戴装置HoloLens 体验很真实 相爱相杀?盘点迎新年的移动互联网撕逼大战 HealthKit开发教程:用Swift编写个健康应用! 真的不够用!Apple Watch常规使用续航3.5小时 Activiti实战 百度BAE携手科技寺助力应用一站式部署 不仅仅是高速传输,Qualcomm演示骁龙810处理器功能 利用JS高效开发原生游戏 Cocos 2d-JS中文版API文档正式上线 同行代码审查实战分析 在Swift中使用JavaScript的方法和技巧 delphi6中的installShield 请介绍接收端CRC校验传输内容是否正确的方法,资料或代码。谢谢! 各位大侠请问Jeffrey Richter的windows核心程序设计是不是就是andvanced windows程序设计的第四版? 谁会做软件狗?有钱赚了!!! 为什么我用QuickRep作的报表只能显示一条记录,而且columnHeaderBand上内容也显示不出来 请问在税务局开发数据库的同行么?? 大家好各位大侠请问Jeffrey Richter的windows核心程序设计是不是就是andvanced windows程序设计的第四版? 谁做过软件狗,马上来拿钱!!! 江苏省的成绩什么时候可以出来啊,我是徐州的 shockwaveflash没有hwnd,怎么办? chechy(chechy) 你在吗? 一个关于用excel做的日报的问题 谁会做软件狗,马上来拿钱!!! 给你下跪了,给你磕头了,给你鞠躬了。很简单的问题。谢谢 那位大哥能告诉我在VC中我要创建类的话应该做哪些工作步骤(要详细的,呵呵) 紧急求救,asp连接mysql问题 在使用twebbrowser的时候,怎样制止网页的自动刷新和跳转? vc编译器错了怎么办???突然死机,然后就不好好干了!!谢谢 ?如何将二进制的 值写如注册表? Delphi紧急求助! 我想问的是,返回的 ResultSet 中的某个字段(int 型),如何放到一个 int[]数组里去。因为 ResultSet 不知道怎样取 size,我又不想用 vector, ResultSet的getArray()方法也是莫名其妙。 c盘格式化后,怎样找到linux系统? 有意思 过来研究一下!!!!insert 的!!!!难道 25 不是 long integer 吗 我的程序debug版,一直调试好好的,我rebuid all 一下就出错了,错误如下:怎么回事? 位图问题? 怎样使用自定义的光标??? 我想找Hopen SDK的开发包。 为什么我的iis总是报500内部服务器错误。我先装的framework,后来升级了ie5.5,最后在w2kprofessional上装了iis,手动添加了aspx解析:指向aspnet_isapi.dll,为什么还报错? 那里有关于用组件上传图片并且显示上传图片的介绍 NT 上已安装好mysql服务器,WIN98 client连接不上,求救 程序员梦难圆,请大家给我这个非计算机专业的兄弟出出主意。 小弟是delphi初学者,师兄师姐们给我介绍一下object pascal自带的函数好么? 你知道如何禁止后退按钮吗? 请各位高高手!解决启动时ctrl+alt+del可结束任务的问题。 哪位大侠指点一下ActiveSkin怎么用的? 引用ado后,打包程序为什么如此之大 为什么我的iis总是报500内部服务器错误。我先装的framework,后来升级了ie5.5,最后在w2kprofessional上装了iis,手动添加了aspx解析:指向aspnet_isapi.dll,为什么还报错?? 散源代码(1)- 货郎担问题(TSP)分枝限界算法 (急)哪位大侠有关于power designer的书,中文的,谢谢 ■■在线等待,找到立刻送分,决不失言。CSDN兄弟在帮忙,PB7安装盘不能安装POWERJ,是吗?在那里可以找到POWERJ安装盘?■■ 哪个虚拟光驱的软件在XP下可以用,虚拟光驱和光驱魔术师都不行呀 有谁知道那里有可以放ASP代码网页的免费空间 请问在VC中如何使静态框中的字体变色? 若想在BDE-Administrator中使用*.mdb,必须将*.mdb注册到文件DSN或者系统DSN中吗? 请教,如何在其他的应用程序的title上(最小化按钮旁边)添加按钮? 为什么我的iis在运行.aspx(asp.net)文件总是报500内部服务器错误。我先装的framework,后来升级了ie5.5,最后在w2kprofessional上装了iis,手动添加了aspx解析:指向aspnet_isapi.dll ::SetDlgItemText(hDlg,IDC_EDIT1,(LPCTSTR)lby);???????? DatagramSocket和DatagramPacket??? delphi的ftp,pop3,http控件是否支持进行多线程连接? 大型调查 急急急!!!上海地区有没有12月份的java培训? 金属丝利用了金属的什么物理性质 刚买的房子,为冬季装修成什么样的取暖方式犯了愁,发热电缆、电热膜、碳晶地暖哪个好?家住河南,刚刚买了房子,准备开始装修,由于小区没有集中供暖,装修前考虑冬季取暖就成了大问题.比 测量标准大气压的工具有哪些 古代计算时间方式除了生物钟,书钟和太阳种以外,还有什么计算时间方式吗?我有急用, 电焊于气保焊区别是什么拜托了各位 水地暖高度,发热电缆高度,电热膜高度分别是多少 电焊怎样区分焊水焊渣 《己亥杂诗》全诗 电焊技术:怎样立焊?电焊技术.怎样立焊 焊缝化学成分分析结果和母材相近还是和焊材相近? 电焊的焊角怎么计算 这段材料的意蕴是什么?一只章鱼的体重可以达到70磅.但是,如此庞大的家伙,身体却非常柔软,柔软到几乎可以将自己塞进任何一个想去的地方.章鱼没有脊椎,这使它可以穿过一个银币大小的洞. 42CrMo材料的焊接性能怎么样,用什么焊材呀? 电焊的焊接,怎么焊才可以焊得又平又好看呢?我焊的是219的管 求帮我解释一下这段公务员中资料分析的意思.1估算法(选项大小差距大且复杂,可粗略估值)这个我可以理解.2直除(选项首位不同,或首两位不同时)3插值法(如果选项首位都是3,与1/3比,首 焊接Cr25Ni20(两种相同材料焊接)用什么焊材?怎么焊接? 你知道怎么样能焊出又平又宽的焊缝么就跟电焊条一样 这段材料给我们的启示是什么 4个描写描写四季的词语 有机食品什么意思啊 电采暖-用发热电缆好还是电热膜好? 焊接材料是影响焊缝和焊接热影响区性能的因素之一是对吗 古诗《己亥杂诗》的作者是谁 发热电缆和电热膜哪个比较好 谁有描写四季的诗句快 有机食品是什么意思? 计量器具的A、B、C如何分类?如何确定计量器具是一次性检定的? 描写四季的诗要整首古诗 《已亥杂诗》意思,有诗九州生气恃风雷,万马齐喑究可哀.我劝天公重抖擞,不拘一格降人才. 己亥杂诗是谁的诗作者和诗全要 打品是什么意思 求已亥杂诗全诗 测量工具的种类 犬的“品相”是什么意思 有机食品什么意思 怎么用电焊焊立缝 品武是什么意思 ? 碳晶地暖的优缺点?碳晶地暖的系统组成?碳晶地暖价格?碳晶地暖品牌? 电焊立焊的手法是怎么焊 化工品的几类危品是什么意思 碳纤维地暖和碳晶地暖到底有什么区别?哪个好?好在哪里? windows xp下ttf和ttc有什么不同 吉他里的品数是什么意思 什么是下行焊,垂直气电焊? TTC雾森是什么? 光焊丝进行焊时,对焊缝质量会有什么影响 已亥杂诗 全诗 六年级下册的己亥杂诗表达了作者怎样的思想感情?表达作者愿望的诗句是哪句?表达了什么愿望? 由不锈钢焊条和结构钢焊条组合焊的焊缝结构特点 材料意思是什么 己亥杂诗中哪一句抒发了作者渴求天降人才、报效祖国的心愿? .以下自然现象中,包含两种或两种以上物理现象的是() A 弯折金属丝,金属丝发热 B 夏天午后,暴风骤雨伴1.以下自然现象中,包含两种或两种以上物理现象的是()A 弯折金属丝,金属丝发热 B 这是什么材料的?里面写着18K是什么意思? 已亥杂诗》中表达作者愿望的诗句是哪句?表达了什么愿望? 电经过金属丝发热电经过金属丝会使金属丝发热,地球上有人知道为什么吗? 炭晶地暖好 还是电热膜好 有什么区别 《己亥杂诗》中表达作者愿望的诗句是哪句?表达了什么愿望? 一从中间弯曲成直角的金属丝一从中间弯曲成直角的金属丝,一端悬挂,总长为L.则金属丝静止时,一直角边和竖直方向夹角为多少? 碳晶地暖与电热膜地暖的优劣比较多谢各位,请问他们对人的身体的影响是否有差别,以及其他方面! 《已亥杂诗》中表达作者愿望的诗句是那句?表达了什么愿望?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn