写点什么

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:2349104
用户头像

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

关注

评论

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

2023-07-14:讲一讲Kafka与RocketMQ中存储设计的异同?

福大大架构师每日一题

福大大架构师每日一题

小巧玲珑的AVIF,你的网页图片换新装!

汽车之家客户端前端团队

Amazon 上的数字孪生:使用 L3 预测性数字孪生来预测“行为”

亚马逊云科技 (Amazon Web Services)

Amazon

快速离线安装MySql数据库

zhengzai7

MySQL

大模型基础:理论与技术演进

永佳

火山引擎徐广治:边缘云,下一代云计算

火山引擎边缘云

云计算 边缘云 火山引擎边缘云

24款绘画软件app推荐免费!手绘爱好者必备。

彭宏豪95

效率工具 软件推荐 科技 画图工具 绘图软件

Docker学习路线5:在 Docker 中实现数据持久化

小万哥

Java c++ Go Docker 后端

LangChain 联合创始人下场揭秘:如何用 LangChain 和向量数据库搞定语义搜索

Zilliz

Milvus Zilliz #LangChain

牛刀低代码开发实战—需求评审

牛刀专业低代码

低代码 低代码开发平台 牛刀低代码 低代码paas平台 java低代码

学科知识图谱学习平台项目 :技术栈Java、Neo4j、MySQL等超详细教学

汀丶人工智能

人工智能 自然语言处理 深度学习 neo4j 知识图谱

代码随想录Day16 - 二叉树(三)

jjn0703

2023年iOS App Store上架流程详解(上)

牛刀低代码开发实战—物联网车载大气监测

牛刀专业低代码

低代码 低代码开发平台 起步牛刀低代码 牛刀低代码 低代码paas平台

给大模型穹顶,树一根存力支柱

脑极体

存储

深入了解C++优先队列

芯动大师

Nautilus Chain 更换全新测试网,主网即将在不久上线

股市老人

牛刀专业低代码开发实战—招聘管理

牛刀专业低代码

低代码 低代码开发平台 起步牛刀低代码 牛刀低代码 牛刀专业低代码

告别内卷,瓴羊飞渡,中国ToB生态迎来 iPhone 时刻

B Impact

H5页面秒开优化与实践

汽车之家客户端前端团队

HDC.Cloud 2023|邂逅AI,华为云CodeArts铸就研发效能10倍提升

华为云PaaS服务小智

华为 华为云 华为开发者大会2023

突破:GGX(Golden Gate)发布悉尼测试网,跨链基础设施迈出重要一步

股市老人

以 AI 变革组织运营与管理,2023 Kyligence 用户大会盛大举行

Kyligence

数据分析 数智化

官宣!Databend Cloud 和青云科技达成合作

Databend

“开放合作 共享未来”华秋联手伙伴共创硬件生态,助力物联网硬件加速创新

华秋电子

给我五分钟!让你掌握React的Redux中间件原理

汽车之家客户端前端团队

蚂蚁集团积极参与《金融业分布式信息系统运维技术研究报告》的编写

TRaaS

从十万行代码定位undefined is not an object (evaluating 't.length')

汽车之家客户端前端团队

牛刀专业低代码开发实战—奖酬金预分配

牛刀专业低代码

低代码 牛刀低代码 低代码paas平台 java低代码 私有化低代码

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