微软产品经理 edge是什么意思( 三 )


微软产品经理 edge是什么意思

文章插图

微软产品经理 edge是什么意思

文章插图
6. 发掘更多宝藏功能……
在亲自打理开发者工具一段时间之后,我从反馈信息中总结出了几点令人遗憾的事实 。首先是,虽然我们都对开发者工具的惊人表现感到兴奋,但用户往往只使用其中的一小部分 。很多东西好是好的,但却总是静静躺在演示文稿和视频教程当中沉睡,压根无人问津 。刚开始我们以为是因为说明文档不够着实,于是花了大量时间更新DevTools文档,确保所有功能都拥有全面的描述与解释 。
但事后来看情况并非如此,多数开发者只有实在没有办法(在谷歌、Stack Overflow 乃至其他社交渠道上都找不到答案)时,才会把说明文档视为最后的救命稻草 。
开发者工具越来越复杂、越来越强势——谈谈我的解决思路
(适用于 Microsoft Edge)
多年以来,持续增长下的浏览器开发者工具正变得越来越强势、令人难以接近 。这样的结果令人沮丧,我觉得我们应该做得更好 。所以在我看来,开发者工具应该实现这样一个目标:
开发者工具不该指望用户成为专家,而是随时间推移引导他们变成专家 。
我们正在尝试一系列简化操作的想法,相应的结果很快就会在 Microsoft Edge 中得到体现 。其中一项探索就是“Focus Mode”,在这里界面不再显示所有工具和选项卡,而是将工具分类至不同的用例当中,例如“Elements/CSS 调试”、“源代码/JavaScript 调试”或者“网络检查”等 。其核心思路非常简单,就是隐藏掉一切可能令人困惑或妨碍效率的工具,只显示与当前工作相关的工具 。
微软产品经理 edge是什么意思

文章插图
我们正在研究的另一项功能是“informational overlays” 。我们打算提供一个帮助按钮,用于开启开发者工具的覆盖框,具体解释每款工具是什么、如何使用并列出说明文档链接 。我们希望这一设计能够帮大家更轻松地了解各项功能 。
微软产品经理 edge是什么意思

文章插图
代码编写与结果调试之间仍然相互脱节
(适用于 Microsoft Edge)
虽然如今的开发者工具已经相当完善,但创作与调试之间仍然存在一定程度的脱节 。大多数情况下,我们只能编写代码、创建应用程序,之后转向浏览器查看哪些部分起不到应有的作用 。接下来,用户会使用浏览器开发者工具调整并修复这些问题 。但最大的麻烦这就来了:我们要怎么把由浏览器开发者工具创建的变更返回至代码?大多数情况下,答案只有一个:复制加粘贴,或者记下实际修改内容 。
我们目前正在研究两种方法,希望降低整个调试与修改流程 。一种就是尽量使用 Visual Studio Code 替代开发者工具中的编辑器,并在用户使用开发者工具时直接更改磁盘驱动器上的文件 。另一种则是借助 VS Code 扩展来实现,允许大家在使用开发者工具时直接修改编辑器内的源代码,并在完成后明确指示是否要替换掉磁盘上的真实源文件 。
最后,Christian Heilmann 呼吁开发者积极反馈意见,“我们努力在让反馈与响应变得更加便捷 。例如,Visual Studio Code 扩展就提供了醒目的链接与按钮,可供随时上报问题和申请功能 。”


推荐阅读