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

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/

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

用卫生棉杀敌冲关!两个高中女生的创意游戏 专访《Java程序员修炼之道》作者Ben Evans:保守的设计思想是Java的最大优势 Google收购Firebase 帮助程序员快速开发出移动App和Web App 微信支付开发关键点技术解析 游戏任玩!开源虚拟现实头戴式设备Open DoVision MDCC大会召开倒数10天 看Twitter、Facebook和国内“BAT”三大巨头最新动态 《近匠》Wijmo 5 CTO:从Web到移动,我的25年编程生涯 重复充电、防丢失!多功能智能行李箱Bluesmart 【设计经验传承】图标设计初阶要先型 “光年”光纤路由 支持千兆网络的家居中心 MDCC 2014移动开发技术与平台峰会:知名应用技术大牛传授实战经验 Unity生态圈将变?EA前总裁接替创始人任新CEO 第九届中国Linux内核开发者大会在京举办 《近匠》爱拍SDK:手游录像分享 爱拍才会赢 Mark走起!iOS开发最常用的第三方库 【CTO俱乐部读书会】《人件》译者肖然:软件工程是社会学 错过就要等一年 深圳微信开发者大会不容错过的十大理由 【干货】国外程序员整理的 C++ 资源大全 一周消息树:被投资人“送”入看守所,创业人汪洁有罪还是无罪? 聚焦五大主题 Atlassian Summit 2014精华PPT下载 2014中国移动开发者大调查第四期获奖名单曝光 【问底】许鹏:使用Spark+Cassandra打造高性能数据分析平台(一) 【特惠倒计时两天】参加深圳微信开发者大会赠书及全套讲师讲义 《英雄联盟》支撑最高750万同时在线用户的聊天服务打造 深圳云软技术副总黄榕振:招行信用卡微信公众号开发高级篇 来自未来的你,MDCC 2014新奇智能硬件揭秘 Twitter开源云环境时间序列数据断层检测工具BreakoutDetection 浅析Facebook软件架构:Tao和BLOB的实现原理 【图文实录】CTO俱乐部:走近Keen Team,走近智能设备Hack 2014聚合开发者大会(JDDC)在京召开 专访腾讯反病毒实验室:揭秘TAV引擎,哈勃分析系统两大利器 清问这个SQL有什么错,还是FB1。0不支持? 是我的usb口的问题吗?? 怪事 急 路径绝对正确,为什么服务器只能下载rar 不能下载EXE 文件 已知,f(x)=arctanx,其二导f''(x)=(-2x)/(1+x*x)^2,f''(0)=0,试: 一个有趣的问题,请大家看一个小程序,来者有分。 这个写者优先是不是有问题????麻烦看一下,小弟实在看不出错在哪里 请问有没有办法得到[系统托盘]上其它程序的所显示的Icon?? 已知,十六进制(34.6)16=(28.75)10(十进制) 高手推荐几个Palm开发的网站?最好有源代码! 请教一个问题 触发器(加密)内容可以查看吗 怪,文件路径绝对正确,EXE文件不能下载,其它格式正常。 在编写的用户控件中公开所引用控件的事件怎么实现啊 这是我的usb口的问题吗? 考程序员前想先考全国三级,请问三级种哪个科目考C编程?何时报名? 调用DLL时候出现Bad Dll calling convention错误,为什么?代码如下 如何建立一个小数据库? 我想问下,网络技术到底是指什么??? 为什么会出现这个问题呢??急救??? 在不同操作系统出现不能正常运行的问题,和默认字体语系乱码问题 C# 静态类成员 新手请求各位前辈帮助 如何查询我连接到哪个数据库? 哭着请求帮助。。。。。页面显示问题!!在线等着 网络技术到底是指什么???? 我想在<<三国九>>里输入正确的中文,有法子么? 能帮我改改么? 紧急求助,请高手支招 请问在JTABLE中如何将某几行设置成可以被选择的,其他几行设置成不能被选中的? 请问怎样修改SDI框架的标题及去掉最大化按钮??? 在自定义的用户控件上公开引用windows控件的事件怎么做啊!!谢谢 2003中为什么IDE设备只能用PIO模式? 在FAQ里见到这样一句,不明白什么意思 怎么我用vc 的 odbc 做数据库时,工程名为try ,在工程工作区的“class view”面板里没有tryview类的? 不能使用xmldocfile() 文档对象的问题 关于键盘纪录,高手 如何使用IPAddress控件? 初学者问:怎么用UpdateAllViews()? 无法创建asp.net应用程序 大家帮帮我吧,我都快崩溃了 中文乱码的问题 !!谁在VMWare 3.2里装过RedHat 9.0和RedFlag 3.0,请看看这些问题(100分)!! 如何使在输入框选中的文字在提交后仍然显示在输入框中? 无法创建asp.net应用程序 高手在上,请问怎么样在win2k中实现关闭程序和绘图[内详] 初学者问:如何在listview中查找其中一行? 怎样在调试窗口中看到变量值? 郁闷中,狂散分。。。。。。 DCOM怎么使用? 想做一个地区门户一般要包含那些栏目?? 北方冬天紫檀手串要包浆晚上需要放在袋子里吗 一个长方形的长是10cm,宽是8cm,高是3cm,把它切成两个完全一样的小长方体.它的表面积最多增加多少?最少增加多少? 食堂有一堆煤烧去一部分后还剩三分之1,还剩9分之2吨.这堆煤原有多少吨? 小肠黏膜细胞内合成的脂蛋白主要是低密度脂蛋白 对还是错的 建一个高2米宽10米长24米的彩钢房需多少钱?直筒子的 食堂有一堆煤,烧了几天后,余下的5/8,和其余5 /2吨的.这堆煤多少吨? 任何三角形,都能折叠成一个长方形,剪几个三角形试一试,折折看,你知道这是为什么吗? 声速是由传递声音的物质决定的这句话对吗? 一根质量为0.4kg长为0.20m的直导线,水平放在一个倾角为30度的光滑斜面上,一均匀磁场方向垂直于斜面向...一根质量为0.4kg长为0.20m的直导线,水平放在一个倾角为30度的光滑斜面上,一均匀磁场方 不管是一个什么形状的三角形,都能折叠成一个长方形,剪几个三角形试一试,折1 设P为等边△ABC内一点,PA=3,PB=4,PC=5,则∠APB的度数为( ) 什么是生冷的东西 如图,三角形abc中,ab=8,ac=6,bc=9,如果动点d以每秒2个单位长的速度,从点b出发沿边ba向点a运动,直线de平行bc,交ac于e,.记x秒时de的长度为y,写出y关于x的函数关系式,并画出它的图像 在三角形ABC中,AB=AC=6,P是BC上任意一点,求PC*PB+PA*PA的值(提示:利用勾股定理)不要用三角函数,就用勾股定理! 12.如图9所示,某工地工人用固定在水平工作台上的卷扬机(其内部有电动机提供动力)提升水中的物体,其提升速度始终为1.5m/s.物体未露出水面前,被匀速提升时,卷扬机对绳子的拉力为F1,卷 紫檀手串多久出包浆 细胞呼吸中的[H] 怎么读 如图所示,某工地用固定在水平工作台上的卷扬机(其内部由电动机提供动力)提升水中的物体,其输出功率始终为1500w,物体未露出水面前,以1.5m/s的速度被匀速提升,卷扬机对绳子的拉力为F1,卷 {甲乙丙共有1580元,甲乙钱数比是2;3,乙丙钱数比是5;4,甲乙丙各有多少元}{甲乙丙共有1850元,甲乙钱数比是2;3,乙丙钱数比是5;4,甲乙丙各有多少元} 在音标里I(I两旁有中括号)怎么读?在一组音标里I在前面拼什么?在后面拼什么?在中间呢 如图所示,劲度系数为k=10N/m的弹簧下面挂着质量分别为m1=0.5kg和m2=0.3kg的两个物体……如图所示,劲度系数为k=10N/m的弹簧下面挂着质量分别为m1=0.5kg和m2=0.3kg的两个物体,开始时它们都处 续电器如果弹簧烂了还能正常工作吗? breathe怎么读 已知a为实数,f(x)=(x平方-4)*(x-a),若f'(-1)=0,求f(x)在中括号-4到4上的最大值和最小值 合力叉车5t,2003年,无级变速前后各2档的,变速箱型号是Y10,油标尺杆没了,不知加多少油量.说明书也没了,我参考了大连车是18升,但我感觉不够.不知那位能有此车,量一下标杆长度,或说明书上标 三角形的五个心在那?(请截图) 如图所示,在水平向右运动的小车上,有一倾角为α=53°的光滑斜面,质量为m=2kg的小球被平行于斜面的细绳系住并静止在斜面上,当小车加速度发生变化时,为使球相对于车仍保持静止,则:(1)小 一条山路240米,小华上山每分钟走40米,10分钟往返一次,小华下山平均每分钟走多少米? 三角形的四个心是什么 如题,因为我要家教所以想知道进度. 小华从家到学校去上学每分钟行240米,已经走了走了4分钟,小华的爸爸发现小华忘带数学作业,就马上骑自行车追,6分钟赶上把作业给小华,小华的爸爸用怎样的速度赶上小华? 三角形的五个心三角形有五个“心”,这个大家都知道.那这五个“心”有什么定理啊,或者应用之类的东西么?我还没有学过,接触到这些便想了解.五个心是什么这个我知道,我只是不知道在做 牛顿的“微粒说”和爱因斯坦的 “光子说”的区别 如图所示,两物体A,B(小的是A)通过跨接于定滑轮的轻绳连接,若两物体处于相对静止(0°<夹角<90°)下列说法正确的是A.绳上的拉力等于A的重力 B.B对地一定有压力 C.B对地 如图所示在竖直平面内固定着半径为R的光滑的1/4圆弧槽,它的末端水平,上端离地面高H,一个小球从上端无初速度下滑.求(1)小球做平抛运动的时间(2)小球做平抛运动的水平射程S 牛顿的微粒说和爱因斯坦的光子说本质相同么 具有防止动脉粥样硬化作用的脂蛋白是?A.CM B.VLDL C.LDL D.HDL 德国阳光电池有一个参数是C10 1.80VpC 20℃ 为什么说爱因斯坦的"光子"与牛顿的"微粒"是不同的? 三个三角形变成九个,怎样做? 怎么证明磁铁已经消磁了?如果用高斯计测量的话,数据在那个范围才表示磁铁已经消磁了 忌食生冷食物是什么意思 W如何画三笔变成九个三角形? 讨论函数f(x)={-x-1,x>0;-x+1,x 一重W的匀质圆球,用软绳及光滑斜面支持,如图,已知角α及β,求绳子所受拉力及斜面上所受压力的大小 均值不等式为什么要证明等号成立今天刚学,做题时不会了.均值不等式里证明等号成立有什么用?最好再介绍一下均值不等式求最值的大致步骤. 一个长方体长24cm,把它锯成每段是8cm的小段后,表面积增加了16平方厘米,求原来这个长方体的体积. My brother likes music that he can dance 均值不等式ab异号如果ab为异号,那么均值不等式怎么用?如果ab异号,那么均值不等式的公式是什么? 消防水带规格10-65-20,10,65, he likes music that;s () ( energy)适当形式 均值不等式,求:(a+b+c)/3≥_______,当且仅当_____时取等号? 有衬里消防水带的有多长,口径有多少厘米? 导线的绝缘皮是否有耐腐蚀功能 低密度脂蛋白进入细胞的方式是 函数y=1/(x+3) 的间断点是? 第二题怎么做,答案加解释 由图为什么可以知道携带胆固醇的低密度脂蛋白进入细胞的方式是胞吞和胞吐? 为什么曲线运动所受合外力有可能是恒力有没有例子说一下 谢谢了 如图,12N重的小球放在倾角为30°的光滑斜面上,且处于平衡状态.此拉绳恰为水平方向.则绳受到的拉力为多少,斜面受到的压力为多少? 国际新闻早报:日本发生7.1级地震马凯会见欧盟委员会主席巴罗佐美媒力赞英国查尔斯王子 称其眼见高过英国王储查尔斯否认说过“当国王像蹲监俄学者:不要对伊核谈判前进步伐抱过高小偷夜闯国务卿克里家车库 美警方调查中欧推动世贸组织在MC9上达成早期收李某某案31号二审开庭 受害人心情未《三国演义》连环画法文版在法国上架马凯会见比利时首相迪吕波沃尔玛3年欲设新址110个查尔斯不想当国王? 英媒爆王储担心被《中国人看白俄罗斯》首发 获赞民间外希腊疑遭拐卖女童证实身份 其母曾企图英国王储查尔斯否认说过“当国王像蹲监韩调查显示 面试官平均14分钟决定是日媒称4架中国军机同一天越过冲绳飞向专家:旅新大熊猫嘉嘉可能已进入性成熟揭秘网络相约自杀群体:低龄化 渴望得巴西警方要求传讯美国信息业大腕专家:旅新大熊猫嘉嘉可能已进入性成熟以十八届三中全会精神为指引谢天笑:玩摇滚起初是因为帅“三叔”张庆庆最受关注改革要从群众最期盼的领域改起全国大学生3V3篮球挑战赛成都开赛女警杜萍:倒在缉毒征程3万元网上淘辆奥迪 开着专偷豪车内财邀您感受芭蕾魅力川足敲定新主帅100万买下车库 车不能进也不能出PISA测试:上海学生成绩全球第一 广告牌幕布\"侵袭\"触网 地铁2号公交轨交一\"手\"掌握 \"上海公上海PISA项目组负责人:PISA让后年出版的《全集》是怎样炼成的?美环保局长:中国大气汞污染已飘至美国透明国际:中国清廉指数连续3年上升加总自曝卡卡回归米兰经过 大赞金童是曝圣保罗核心收中超邀请 合约剩半年望西甲劲旅有意阿尔滨弃将 瓦罗或离中国美元对主要货币汇率3日下跌
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘