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

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/

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

手游云测工具TestBird:测试走入垂直细分领域 阿里巴巴赴美IPO的种种及马云内部邮件全文 盘点EMC World 2014三大看点 2014年Q1:智能手机总销量下滑,WP同比反增119% 着眼无人驾驶技术 英特尔投资日本ZMP公司 移动云服务UCloud快速扩张 成立北京分公司 精准推送 个推推出2.0产品“Smart Push” 从张小龙的七大价值观说开去 2014高德LBS应用大赛正式启动 助力打造生态圈 专访永洪科技CEO何春涛:管理者的炼成及国内大数据公司的挑战 R语言如何发展?商业支持或许可行 专访InMobi CEO Naveen Tewari:Banner广告已经OUT 效力苹果18年的资深高管Katie Cotton将退休 主打“全、新、独、准”,华为推出游戏中心平台 阿里云计算出海挑战亚马逊 首站香港及东南亚 TIOBE 2014年5月编程语言排行榜:Adobe ActionScript挤进Top20 秒杀iPad Mini?微软或将下月发布Surface Mini 大道手游:详解应用内购买的定价趋势与技巧 与英特尔软硬合作,Cloudera将在中国建立业务机构 准备迎接第一个量子计算软件公司吧! 搜狗搜索发布新LOGO和移动App 正全面入驻腾讯各条产品线 做好扁平化设计-视觉篇 关于敏捷研发的跨界反思 《近匠》雨血,一个“独立游戏人”的反思 一周消息树: 阿里巴巴赴美IPO的种种及马云内部邮件全文 一周热点:准备迎接第一个量子计算软件公司吧! 【云先锋】多备份:云端数据物流平台为企业提供云备份服务 不容错过!开发者必备的十二大开发资源 为Canvas而生:开源2D HTML5渲染引擎CutJS 第九届中国互联网创业者大会在京举办 腾讯发布“三驾马车”组合拳产品 入手Beats,苹果史上最大手笔收购为哪般? Delete 多个表时一条语句怎样写?? 请教:如何获取文本框中SQL语句。50分 日期型的格式应该怎样写?? windows xp internet 浏览器的问题 大家帮我看看这段代码:它是如何得到name和phone的值,并写到文件中取得 100分求李维的delphi5.x分布式系统开发的源代码,电子书我已经有 奇怪。为何win2000的搜索选项中的日期控件是Delphi中的样式?欢迎来讨论,给分!!! 请教一个数据库查询的问题! 哥、姐帮帮小第,一生成并打印表格问题(有图片及字体适应),急急,十万火急。 怎样在ASP.NET的页面中,把DataGrid的表头改名??急急急!!! 在线求教:怎样在自己定义的函数里封装自己的MouseMove类??? (高手求救………100分)怎么样用socket(http)实现上载!请提供思路或source code! 怎样调用Dll中导出的变量??? 那位大哥有关于颜色渐变的算法的代码,给小弟一份 小弟万分感谢 颜色渐变的算法 颜色渐变的算法 问一个有关缓存的问题 更换基类的问题? 感谢上学期大家的帮助——散分 一个奇怪的问题,100在线送给你!!! 用rave生成的pdf格式报表,中文字符怎么是乱码? 请进来: windows 2000 能不能用API的方式将Imagelist中的图画在命令按钮(Commandbutton)上? 请各位指点怎么从SQL65升级到7,还有数据备份?请大侠指点迷津? 请问如何解决.exe文件在其他机器上的运行问题 允许DBGrid对记录进行编辑,在线等待,急急急~ 如何在vb.net定义失去焦点事件? 如何读出文章中的部分内容(在线等待) 怎么样在VB中实现象PING -A命令 有没有一个更好的论坛????????????????????有没有人来踢馆?????????????????????????????? 如何访问隐藏共享的硬盘 请大家评评,先谢了 一个有趣的问题: 慢的问题 我在windows下的FormInput里有多个sqlDataAdapter 数据几百条 DataSET.fill慢及了 如何返回当前程序目录的上一级目录? EA,你给我进来,你又欺负我MM啦? 请问PB的DATA window如何实现分页? 关于pb中我在sqlserver中定义的字段类型是varchar(1000),结果在做数据窗口时它总是自动截取为char(255),为什么?如何解决这个问题(除了 IIS出错了,凡是需要数据库的asp程序在执行时出错: 关于下三角矩阵压缩存储问题 求免费下载电影电视剧的FTP站点 模块实现 数据表转换问题. 请帮帮忙. 我种木马了,请问怎么解决?? 急问:"0x77fcb8f4"指令引用的“0x00000000”内存。该内存不能为“writter” 关于文件名问题 delphi6有没有判断字符串是不是全是字母或数字的函数? 顯示日志源代碼,但無法分頁,請高手... 用isql怎样得到数据库里所有表的列表? 请大家帮我检查一下这个公式??? TreeView怎么在脚本中控制是否可以选择其他节点? 求助:关于显示器刷新频率的问题。 请问有没有卖给鱼缸用的使用电池的加热棒?要有温度手工调节的功能注意是使用电池的.5号1号7号充电电池皆可. 我国哪个城市地形最险要古代的地形 我是高中生.我挺喜欢物理,但是就是学不好怎么办那些公式就是记不住,脑子一遇见物理就像一辆高速行驶的汽车突然刹车滑行一样的不好使,难道我真的不适合学理科吗 如何计算加热棒所产生的最大温度我在有一块1.5KG的铁 需要加热到260度 请问需要多大功率的加热棒 (我现在用2根8*60 功率为150W的,但是温控显示只能达到235度 不知道是热电偶没装好还是加 生活怎样才简单 全地形越野车ATV与RTV的区别什么? Na,K合金可作原子反应堆的导热剂.为什么 请问茶是发源与中国吗?茶的历史以及西方的茶与东方的茶的简介!希望短小一点,不要将无关的话贴上来, 山势很高2气势雄伟3地形险要那一个 鸦片战争时期中国贫困落后的根本原因 控制温度,我用一个PID控制加热棒,再用一个PID控制冷水,使温度保持恒定,可以实现吗?我想让一个小罐实现恒定的温度控制,想通过以上2种PID控制,是否可行呢? 山海关险要的地形可用什么八字成语 鸦片战争前夕中国落后于世界的原因 为什么最早的化学萌芽在中国 却在西方成为一门正真的科学 怎样在生活中活得简单生活总是给人太多压力,怎样简简单单活着 炼油厂油的燃烧是把化学能转化为什么能 天气温度为5~10度,直接用加热棒加热到23度可以吗?我的鱼缸实际水位为50*25*35MM,天气温度为5~10度,今天刚买了一个300W的加热棒,直接放在鱼缸加热可以吗?我养的是普通的金鱼和锦鲤鱼.加热到几 在生活中你觉得简单点好吗?为什么? 将60度的硫酸铜饱和溶液100克,冷却到20度,下列书法正确的是A 溶液质量不变 B 溶剂质量发生变化 C 溶液为饱和溶液,浓度不变 D 有晶体析出,溶剂质量不变 为什么最早的化学萌发于中国却在西方成为一门真正的科学? 可不可以简单的生活? 将12.5克五水合硫酸铜制成百分之十的硫酸铜溶液 需要水多少克计算式完整一点 再告诉我要不要考虑水合 我国炼丹术西传,开启了西方近代化学之门,但后来我们在化学研究上却远落后于西方,为什么?我国炼丹术西传,开启了近代化学之门,但后来我们在化学研究上却远远落后于西方,这是为什么? 现在,为什么那么多高中生觉得物理难学? 请问五水头孢唑林钠是第几代抗生素,是属于特殊使用吗 中国共产党探索出的革命道路与俄国十月革命道路的异同 英语翻译P1:a friend offers you cigarettes at a party.A:of course you should refuse if i were you,i'd also talk to your friend about the dangers of smoking .P2:children often think medicine is cand and eat it.A:you mut always hide medicine from ch 鸦片战争后中国社会的趋势?从经济上、政治上和思想文化上来说! 分子节构由60个原子构成的象足球的分子模型是什么 英语达人进,If I do,so will he.这句话为什么后面用so will he?请理论解释.就是为什么用willbe 和 have 的区别.就是比如下周有个party,是用will be 还是will have.不只是party,只是举例子……反正就是这方面 忐忑不安的解释 鱼缸加热棒老停鱼缸长方形的,加热棒在一头,估计另一头还没热它就停了,半分钟不到又开了,我该怎么办阿? 初三英语翻译:1,要是他不这么忙,他就和我一起来了If she (were) not so busy,she would (come) ( with) me.是否正确2,在众人面前讲话我会觉得很有自信I feei (nerwus) (talking) in front of many people talking是否争 在酸性溶液中,能大量共存的离子组是A:Mg2+.Fe3+.NO2-SCN- B :Al3-.Fe2+.Cl- ,SO42在酸性溶液中,能大量共存的离子组是A:Mg2+.Fe3+.NO2-,SCN- .B :Al3-.Fe2+.Cl- ,(SO4)2-C:K+,Na+,Cl-,( HCO3)-D:Na+,Ca2+,(NO3)-,(SO4)2- 仿生学是一门怎样的学科? 英语翻译if my grandmother fell dowmstairs and wasn't moving,i'd hurry to call the hospital first ,is that correct?yes,speed is very important,get the medical help first ,then make her comfortable and stay with her.3:what would you do if you burne 抗生素自来水,喝着安全吗 仿生学是怎样的学科? Ⅰ、Complete the sentences with the given words in their proper forms1、_____changes have happened in the past ten years.(drama)2、There are many beautiful pictures on the ______ cards.(play)Ⅱ、rewrite the sentences as required1、You should f 喝自来水安全吗?长期喝过滤过的自来水健康吗? 仿生学例子(1个) 快 是什么地形 物理层与数据链路层的区别 物理的填空题 f是15N吗?加速度是算木板质量的还是总质量? 常见的物理层传输媒体是什么? 清道夫总是在鱼缸壁上一动不动,是冬眠了吗?冬天鱼缸里没用加热棒,水的温度在17℃.鱼缸里还养的锦鲤,一个星期后水总是特别混,还想问一下是不是锦鲤生病了?清道夫不工作,鱼缸壁上很脏, 吨位是什么意思 忐忑不安什么意思? 为什么总是那么孤单 天生不会与人建立和保持友谊 不会不懂不能与人交流沟通 不知要说些什么患者信息:男 22岁 病情描述(发病时间、主要症状等):在一个环境里面 从开始的不会不知不能 全功率和双馈风力发电机组主要区别在哪里? 如何将高压数显上的电流转换成低压电流表的读法? 寂寞是种怎样的杯具我不知道 但我知道……我自己一个人杯具的在电影院里看专扁衰仔 吨位在同学录里是什么意思 为什么高压电流小低压电流大 学校要求六(1)班第一小队在劳动基地种向日葵若干棵,队长是这样分配任务的:刘利要种10棵和余下的1/10;剩下的任务,由赵楠种20棵和余下棵数的1/10,再剩下的任务,由王强种30棵和棵数的1/1 吨位决定座位这句话是什么意思? 热带鱼加热棒,在使用时,是否需要将整个加热棒泡到水里,能不能把调节温度的头全浸入水中. A.希望得到 B.索取 C.需要;应该D.重要 E.将要 F.结果 将60℃的硫酸铜饱和溶液100克,冷却到20℃,溶液还饱和吗?浓度怎么变 西班牙部分边境安装“铁刀网”防非法移澳一女子在自家后院做园艺工作时被毒蛇澳大利亚赃车轮胎金属熔化 致偷车贼三“携手-2013”中印陆军反恐联合训两季“好声音”小伙伴们星途如何英国楼价持续飙升 8万儿童圣诞节恐无谷歌斥美政府“肌肉发达” 称间谍行为美国参院将对一项同性恋权益法案辩论 日本少子化日益严重 逾6成日企雇佣员新闻集团窃听案涉案编辑被控藏匿证据 美国新泽西州一购物中心发生枪击事件 搬家走窗户折射恶法“后遗症”尼泊尔“王后池”开放 感受王朝身影印度将发射火星探测器 “廉价雄心”遭哈马斯称击落以色列无人机 以军反驳:尼泊尔“王后池”开放 感受王朝身影数据称美国每年千万人迁徙 中西部人口背地里限制媒体报道 日本“悄悄”举行日本政府拟加大对福岛核事故干预力度 印度将发射火星探测器 “廉价雄心”遭印尼谴责澳大利亚监听 威胁停止两国打合肥雪糕界诞生新网红一切还仅仅是前奏 这四大因素足以让油有这几种症状一定要小心内盘和外盘的区别桐梓县:建“民生资金(项目)监察大数借利空强洗两市,为慢牛行情打基础?PPTV电视牵手苏宁易购回馈消费者 看你是不是胃食管反流喝牛奶的4个问题,90%的人都弄不清桐梓县:巡回宣讲“读书与道德”走进桐跌不下去?曝光国家队护盘惊人细节这些病久治不愈可能是这个问题长城电脑:主力留下两个细节,暗示后市江西科技学院毕业生凌晨3点排队检测论外汇局:人民币汇率将趋向基本稳定黑龙江一农民在政府办公楼喝农药身亡 外媒:奥巴马赴中东进行访问 遭沙特政中国首列混合动力动车组进入型式试验阶怀柔前两月文创产业收入增速全市居首怀柔首个棚改实施项目获批用亲情呼唤安康
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘