写点什么

Microsoft Edge 中新的 F12 开发者工具

  • 2015-05-03
  • 本文字数:992 字

    阅读完需:约 3 分钟

微软宣布 Microsoft Edge 将成为新 web 浏览器的正式名称,他将取代 Internet Explorer 11 的地位。Edge 之前被称为 Project Spartan,它将努力争取在现代 web 的舞台上成为一个有力的竞争力。作为新浏览器计划的一部分,Edge 带来了一个全功能的开发者工具体验。来自微软的 Andy Sterland 在 Build 2015 大会上介绍了 Edge 中新的 F12 开发者工具中的某些特性。

在 Sterland 的演讲“Microsoft Edge[即原来所知的 Project Spartan] 中 F12 的新特性”,他介绍了微软如何计划与设计这个新工具,让它能够匹配新浏览器的强大能力。Sterland 表示团队将会专注于 Microsoft Edge 的开发,在 Internet Explorer 11 上的现有工具将会冻结开发状态,不会继续更新。

新的工具是由 TypeScript 所开发的,并且它始终保持在运行状态,因此开发者在打开工具之后无需重新加载整个页面以试图重建整个检测结构。

新的工具在以下几个方面得到了改进:

  1. 源代码的导航能力改善 —— 可跳转至定义,支持 JavaScript 和 TypeScript
  2. 新工具会尽量保证在 Edge 中所使用的常见快捷键与 Chrome 相同,让开发者在开发应用时能够更容易地学习新的浏览器并随意切换。
  3. 控制台的改进
  4. 指出某个日志消息来自于源代码中的哪一部分
  5. 使用 Esc 键打开控制台
  6. 消息中的链接能够点击(例如在源代码或调试器中显示的 URL)
  7. DOM 浏览器的集成
  8. 元素高亮
  9. 从时间线中检阅某个元素

在之前版本的工具中出现的脚本分析器与 UI 可响应性工具将由一个新的联合分析器(Combined Profiler)所取代。新的分析器中添加了一个具有时间线(HTML / CSS)的 JavaScript 调用栈功能。此外还添加了一个用于 CPU 采样的新分析器。这个分析器会在一定的间隔时间内收集 CPU 的数据,而不是捕获每次调用,因此它的资源占用很低。

新的内存工具能够对产生泄露的节点进行高亮,并且能够结合 DOM 浏览器对 DOM 进行高亮。为了简化这一操作,Edge 加入了一个新的控制台方法,能够在开发者指定的时间获取一份内存数据的快照,这样就无需在运行应用时手动地捕获内存快照了。

除了这些新的特性之外,Edge 团队仍然在继续着他们的工作,以备将来进一步扩展这一工具的能力。Sterland 暗示,团队正在考虑加入以下一些实验性的特性,等这些特性完成开发之后,将通过一个额外的实验性标签展现这些功能:

  1. JavaScript 与 CSS 的编辑
  2. Cookie 的检阅
  3. 本地与会话存储的管理

查看英文原文: New F12 Developer Tools for the New Microsoft Edge

2015-05-03 05:2349009
用户头像

发布了 428 篇内容, 共 177.1 次阅读, 收获喜欢 38 次。

关注

评论

发布
暂无评论
发现更多内容

墨天轮访谈 | 腾讯张铭:带你揭秘王者荣耀背后的游戏数据库 TcaplusDB

墨天轮

数据库 TcaplusDB 国产数据库

GPU时代来临!

Finovy Cloud

人工智能 gpu GPU服务器

天翼云新一代V5云主机,Kvm之生,Xen之死!

天翼云开发者社区

把一整个生态圈藏进大沙漠 看蒙牛如何在每一滴奶中藏进玄机

科技新消息

领域驱动设计入门与实践[下]

LigaAI

团队管理 DDD 领域驱动设计思想 LigaAI

专属云资源包计算规格探秘

天翼云开发者社区

实施知识管理过程中存在的问题(内附解决方案)

小炮

知识管理

蒙牛2021年报:数智化大脑为乳业插上腾飞翅膀

科技新消息

打造中国优质奶源基地 筑牢高质量发展基石

科技新消息

大数据培训程序员面试屡次碰壁怎么办

@零度

面试 大数据开发

程序员不好招了吗,web前端培训应该怎么学习

@零度

前端开发

制造业企业数据平台建设最佳实践分享

华为云开发者联盟

数字化转型 数据平台 制造业 华为工业云平台 数据应用

Linux 管道操作符详解

CRMEB

整机生产制造头部厂商雷神科技加入龙蜥社区

OpenAnolis小助手

Linux 开源 整机

再论ORACLE上云通用技术方案

天翼云开发者社区

芝士就是力量!蒙牛2021年报笑出大大的CHEESE

科技新消息

爆款国民冰淇淋原来是这样“凝冻”出来的

科技新消息

洞见科技荣获隐私计算新势力奖!创始人姚明出席华夏时报「2022智能数据论坛」

洞见科技

隐私计算 数据智能

压测做的不对,等于白做

基调听云

性能测试 压测 全链路压测

易观分析:海外业务亮眼,研发+IP运营助力中手游持续增长

易观分析

IP 中手游

国内20家优秀一线低代码平台推荐,经典收藏

J2PaaS低代码平台

低代码 开发工具 低代码平台 J2PaaS低代码

夯实领军者地位 奶酪业务协同发展领先赛道

科技新消息

手绘模型图带你认识Kafka服务端网络模型

华为云开发者联盟

kafka 多线程 网络模型 Reactor多线程 Processor

PolarDB-X 正式发布2.1.0版本,Paxos 重磅开源

阿里云数据库开源

数据库 阿里云 开源 分布式 PolarDB-X

人工智能融合赋能平台,赋能智慧城市智能化升级

脑极体

每周更新 | Verilog测试用例及波形展示图功能上线

ShowMeBug

天翼云分布式缓存服务(Redis)的几个核心概念

天翼云开发者社区

天翼云分布式缓存服务(Redis)的应用场景(干货)

天翼云开发者社区

61%!产品+渠道创新 蒙牛冰淇淋业绩收录有史高增长

科技新消息

【课程汇总】OpenHarmony全场景Demo数字管家系列课(附链接)

OpenHarmony开发者

OpenHarmony 数字管家

java培训浅谈程序员怎么避免面试过程中碰壁

@零度

面试 JAVA开发

Microsoft Edge中新的F12开发者工具_HTML5_Jeff Martin_InfoQ精选文章