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

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/

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

因SaaS与NoSQL,Oracle雄风不在? 那些年云计算领域的大牛们 回顾:那些被平台方封杀的第三方应用 [热帖推荐] 中国的程序员,真的“短命”吗? 聚焦HTML5移动开发 第六届英特尔杯大学生软件开发大赛开幕 虚拟化技术新星Pluribus Networks获中国VC青睐 可穿戴开发!Pebble Watchface SDK 4月发布 我想做个程序员:一位编程小白的App开发故事 Go 1.1发布,支持向后兼容 Polycode:免费、开源的跨平台(游戏和APP)开发工具 为何大多数云计算公司注定要失败 究竟是什么让Redshift比Hive快10倍?! [评论]将Linux拒之门外 微软被开源社区指控垄断 精细化运营:友盟统计分析SDK 3.0版本发布 “锤子OS”功能猜测与罗式对比营销 神奇!1KB JavaScript代码编写的3D蜜蜂 顶尖技术人员“兜售”的顶尖编程语言、扩展工具等 移动阅读商业化:Flipboard支持用户DIY杂志 全球移动App:Top 52发行商排行榜 知新网CTO:从程序员的视角,实践精益创业 罗永浩锤子ROM:小团队的75项微创新 谷歌知识图谱扩展到Android平板电影中 云计算大战升温 服务器OEM押注OpenStack 如何将战略性的内容策略融入进网页设计中 数字天堂CTO:移动行业应用开发“潜规则” 众联智领CTO:从idea到面目全非的创业产品 CMDN Club 25期:knewone与路况电台的精益创业法则 Windows Blue的孪生兄弟?Office Gemini浮出水面 HTML5开发平台Ludei将支持3D游戏开发 《二战风云》发布至今,已为顽石互动狂赚2.7亿 腾讯开源基于HTML5技术的专业级图像处理引擎 AlloyImage 写cpu模拟器请教。 怎么处理已拼好的SQL中的非法单引号? 想学ASP要在电脑要安装哪些软件? 请问如何实现全文检索? 关于托盘编程!急!为什么我的程序隐常不了!!! 如何约束?再线。。。 急了几天了,大家进来看看! gcc 自写连接池连接的释放问题?(请高手指点!) 怎么在lotusScript中取到所有用户的名字? 我用jb创建一个web application的project,请问如何添加WEB-INF中的class 【醒目】多页报表问题!达人入!!!【醒目】 用php如何获得登陆者的ip地址?50分 纯java驱动连数据库,单是jsp能调用,但做成javabean就不能了!麻烦各位大哥帮忙 公司严重拖欠薪金,请问到劳动局追讨工资是否可行[up有分] 一个人,35岁与30岁有什么差别? myjdbc.jar 虽然别人谈过很多了,还是想再请教怎样学习vc 2003成都美女节 求助!有关文件(2) 关于刷新问题(定位)的,急用!! 试贴 下载问题,我发现一个奇怪的问题。中文名的文件的下载。。。 ADOQUERY无法更新数据集 帮我看看,怎么编译不通过 各位板主:折腾了我三天的问题还未解决。 delphi qreport byte& 是什么类型? IBM DDYS-TO9170M SCSI 硬盘,如何看它的CACHE,写者10000转的,不知道是不是? IBM DDYS-TO9170M SCSI 硬盘,如何看它的CACHE,写者10000转的,不知道是不是? 急!我在传输参数到SQL的过程中,服务器提示“AAA”需要参数但没有参数,请各位高手给个意见!在线等! 弹出窗口的问题--在线 串口工作有误了,MSComm32控件的问题?? 想知道有必要先学C 再C++ 再Visual C 吗? gqxs (小龙)请进,看到你去年的一个关于注册的帖子,我也出了像你一样的问题,请大家都来看看。 DBDateTime控件在哪里可以找到? 那为能够帮我解释一下SQLBindCol函数,特别是参数。 如何操作recordset,使其能够手动付值!即用 window nt和window 2000 server能不能象windows professional那样设成重启后自动登录。 关于语音视频聊天室 高手进入 来者得分 通过GUID枚举设备的问题请教! 代码不懂请指教 如何用javascript控制表单提交? (急急-在线等)一个复选框的问题 如何让服务器知道前来访问的客户机物理内存大小? 急,急,帮我看看。一个初级问题。 用思科1721路由器代理上网和连接网络电话功能够用吗? 请问用嵌入式系统开发的成本大约是多少? 如何获取两个日期之间相隔的天数? PB中如何操作文件。 在线等急盼tomcat启动问题 我的奔4电脑不能装oracle8。1。7 单词拼写:he hopes everyone in china can i_____ahappy life. 我选了10A的欧姆龙通用继电器,工作时的负载电流3A,为什么还是有电弧,怎么才能把电弧处理掉呢我很菜,希望高手支招,继电器控制的是600w发热管,所以电流3A,所以负载应该是阻性负载, “盘问”“审问”意思一样吗? 质问 盘问 询问 讯问 这几个词语的区别? 质问 盘问 询问 讯问 这几个词的区别? ( )的盘问 ☎☏自认为是高手的进☎☏从0,1,2,4,5,7中,选出4个数,排列成能被2,3,5整除的4位数,其中最大的是_______.找出4个互不相同的自然数,使得对于其中任何两个数,它们的和总可以被它们的 求老子9至12章,故事《过故人庄》《破题山寺后禅院》内容?不要意思,只要内容. 楼宇的3A和5A指什么? He hopes he can _____ his health.put uplook afterfind outbring out He ____ he _____ a lion.A.hopes;will B.hoped;could C.wis;could be D.wishes;were “泰拳王”与“中国功夫王”见面会上大国考报名结束:37职位报名比例超10厉以宁称征遗产税不应急:中国老人有多河北“自锯病腿”农民顺利手术 预计1杭州临安警方破获特大涉毒涉枪案 缴获流浪女杭州诞下龙凤胎 父母发怒:不会90后女孩爱上有妇之夫 逼男子离婚被男子吃药后感觉自己不男不女 见情侣亲女子相亲时是弟弟洞房成哥哥 5年后提河北自锯病腿患者昨日在医院手术 约十杭州地铁3号线 为啥短了十公里(图)传授农技世界旅游业理事会总裁琼海乡村深度游,一玩尽兴便民摊点设置应尊重民意扫二维码看古村视频防止以权花钱“赎身”省政协召开理论中心组(扩大)学习会议中超双雄有望不败上接A01版要向深化改革要动力提升旅游新业态丧尸女帝巫妖大BOSS跨界称王星辰当空海贼王之蓝色魅影游戏之职业玩家别碰我的舰娘位面动力火车混沌进化丧尸游戏之王里番提督从良路观音文化苑旅游桃花岛旅游黄金海岸旅游挂壁公路旅游五道峡旅游梅家坞旅游宋城千古情旅游锦里沟旅游靖江王城旅游尼泊尔旅游马降龙碉楼群旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘