HarmonyOS开发者限时福利来啦!最高10w+现金激励等你拿~ 了解详情
写点什么

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

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

关注

评论

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

燃气表场景物联解决方案

😌

IoT 燃气

做中台,我从一名产品经理做成了合伙人

木木杨老师

中台 产品经理 产品设计 数字化 企业数智化

如何高效交付专有云?百度智能云有妙招

百度开发者中心

快上车!第十七届全国大学生智能汽车竞赛百度创意组来啦

百度大脑

产品更新 | 云原生综合运维平台SchedulX V 0.2.0 已发布,支持部署服务至云服务器

星汉未来

唯一一家!腾讯云数据库入选“科创中国”先导技术榜

科技热闻

用了区块链技术,破产清算办案更透明了!

CECBC

博文干货|Apache InLong 使用 Apache Pulsar 创建数据入库

Apache Pulsar

开源 架构 云原生 Apache Pulsar apache 社区

【网络安全】Agent内存马的自动分析与查杀

H

网络安全 WEB安全

网络标准之:永远是1.0版本的MIME

程序那些事

Java 网络协议 程序那些事 2月月更

外包学生管理系统架构设计文档

Geek_36cc7c

容器化 | 在 KubeSphere 中部署 MySQL 集群

RadonDB

MySQL 数据库 高可用 RadonDB KubeSphere

Kaggle冠军解读:风电场短期风况预测任务方案

百度大脑

频繁项集挖掘算法在告警关联中的应用

云智慧AIOps社区

算法 告警

StarRocks Contributor 人数破百!极速统一,你我协力!

StarRocks

数据库 数据分析 StarRocks

阿里卖家 Flutter for Web 工程实践

阿里巴巴终端技术

flutter Web 客户端开发 ffw

数字人民币 为经济添活力

CECBC

大力发展区块链技术,做好数字经济“新基建”

CECBC

如何基于 Agora Android SDK 在应用中实现视频通话?

声网

人工智能 android 音视频

网站开发进阶(六十二)最强大的 CSS 布局——Grid 布局

No Silver Bullet

页面布局 2月月更 Grid

Flow vs Jenkins 实操对比,如何将Java应用快速发布至ECS

阿里云云效

Java 阿里云 cicd 云原生 ECS

MySQL是怎么保证redo log和binlog是完整的?

华为云开发者联盟

MySQL Binlog Redo Log WAL机制 日志逻辑序列号

解码北京冬奥沉浸式报道黑科技: 阿里云视频云「互动虚拟演播技术」

阿里云视频云

阿里云 计算机视觉 音视频 视频云 冬奥会

全球首个开源车路协同数据集发布,促进学界业界跨界融合

百度开发者中心

我提交了一个 pr,竟然是为了吃

AlwaysBeta

GitHub 开源 程序员 生活 程序员人生

如何应对数千微服务组件带来的挑战?

云智慧AIOps社区

php 架构 微服务 微服务架构 运维

腾讯WeTest开通微信视频号啦

WeTest

盖世无双之国产数据库风云榜-2022年02月

墨天轮

数据库 GaussDB TiDB 国产数据库

云防火墙:防御企业上云“亿”点网络攻击

青云技术社区

保证业务高效运营 专有云虚拟网络是关键

百度开发者中心

面试官:linux零拷贝的原理是什么?

CRMEB

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