Microsoft Edge浏览器中开发者工具新特性预览
2015-05-06 16:58
696 查看
微软宣布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、控制台的改进
指出某个日志消息来自于源代码中的哪一部分
使用Esc键打开控制台
消息中的链接能够点击(例如在源代码或调试器中显示的URL)
4、DOM浏览器的集成
元素高亮
从时间线中检阅某个元素
在之前版本的工具中出现的脚本分析器与UI可响应性工具将由一个新的联合分析器(Combined Profiler)所取代。新的分析器中添加了一个具有时间线(HTML / CSS)的JavaScript调用栈功能。此外还添加了一个用于CPU采样的新分析器。这个分析器会在一定的间隔时间内收集CPU的数据,而不是捕获每次调用,因此它的资源占用很低。
新的内存工具能够对产生泄露的节点进行高亮,并且能够结合DOM浏览器对DOM进行高亮。为了简化这一操作,Edge加入了一个新的控制台方法,能够在开发者指定的时间获取一份内存数据的快照,这样就无需在运行应用时手动地捕获内存快照了。
除了这些新的特性之外,Edge团队仍然在继续着他们的工作,以备将来进一步扩展这一工具的能力。Sterland暗示,团队正在考虑加入以下一些实验性的特性,等这些特性完成开发之后,将通过一个额外的实验性标签展现这些功能:
JavaScript与CSS的编辑
Cookie的检阅
本地与会话存储的管理
来源:成都网站建设 www.cxb360.com
在Sterland的演讲“Microsoft Edge[即原来所知的Project Spartan]中F12的新特性”,他介绍了微软如何计划与设计这个新工具,让它能够匹配新浏览器的强大能力。Sterland表示团队将会专注于Microsoft Edge的开发,在Internet Explorer 11上的现有工具将会冻结开发状态,不会继续更新。
新的工具是由TypeScript所开发的,并且它始终保持在运行状态,因此开发者在打开工具之后无需重新加载整个页面以试图重建整个检测结构。
新的工具在以下几个方面得到了改进:
1、源代码的导航能力改善 —— 可跳转至定义,支持JavaScript和TypeScript
2、新工具会尽量保证在Edge中所使用的常见快捷键与Chrome相同,让开发者在开发应用时能够更容易地学习新的浏览器并随意切换。
3、控制台的改进
指出某个日志消息来自于源代码中的哪一部分
使用Esc键打开控制台
消息中的链接能够点击(例如在源代码或调试器中显示的URL)
4、DOM浏览器的集成
元素高亮
从时间线中检阅某个元素
在之前版本的工具中出现的脚本分析器与UI可响应性工具将由一个新的联合分析器(Combined Profiler)所取代。新的分析器中添加了一个具有时间线(HTML / CSS)的JavaScript调用栈功能。此外还添加了一个用于CPU采样的新分析器。这个分析器会在一定的间隔时间内收集CPU的数据,而不是捕获每次调用,因此它的资源占用很低。
新的内存工具能够对产生泄露的节点进行高亮,并且能够结合DOM浏览器对DOM进行高亮。为了简化这一操作,Edge加入了一个新的控制台方法,能够在开发者指定的时间获取一份内存数据的快照,这样就无需在运行应用时手动地捕获内存快照了。
除了这些新的特性之外,Edge团队仍然在继续着他们的工作,以备将来进一步扩展这一工具的能力。Sterland暗示,团队正在考虑加入以下一些实验性的特性,等这些特性完成开发之后,将通过一个额外的实验性标签展现这些功能:
JavaScript与CSS的编辑
Cookie的检阅
本地与会话存储的管理
来源:成都网站建设 www.cxb360.com
相关文章推荐
- 使用浏览器的开发者工具来检查 CSS 的动画性能
- IntelliJ IDEA 12新特性:为Android开发者提供新的XML重构工具
- 浏览器对HTML5特性检測工具Modernizr
- IntelliJ IDEA 12新特性:为Android开发者提供新的XML重构工具
- 浏览器开发者工具基本使用教程
- 浏览器控制台(F12-开发者工具)Console用法
- 使用SpringMVC注解时浏览器开发者工具中出现404问题以及解决方法
- Google Chrome 浏览器 开发者工具 使用教程
- 微信开发者工具预览报-2001错误
- Firefox 插件 JSview是一套比较实用的JS,CSS文件查看工具,很方便,很快捷地查看页面引用了哪些文件,作为Web前端开发者是一套必备的插件,由于Firefox升级过快,插件很快不兼容了,这里对插件做了一些调整,可以兼容最新Firefox浏览器(目前FireFox 21)
- 浏览器开发者工具基本使用教程
- chrome 浏览器 开发者工具 性能检测 参数解释
- Google Chrome 浏览器 开发者工具 使用教程
- IntelliJ IDEA 12新特性:为Android开发者提供新的XML重构工具
- jQuery 工具--浏览器及特性检测
- 爬虫笔记之JS检测浏览器开发者工具是否打开
- Android N 最初预览版:开发者 API 和工具
- 浏览器 F12 开发者工具快速入门
- Visual Studio 11开发者预览版本中的C++新特性(What's New for Visual C++ in Visual Studio 11 Developer Preview)
- 浏览器Web开发者工具 ------ 控制台内管理cookie,indexedDB,localStorage,sessionStorage