重新思考浏览器中的设备仿真 – 搞英语 → 看世界

开发人员工具中的设备仿真很棒，但它并不能提供给它的所有用户，而且可能会更好。请帮助我们改进它。

设备仿真在模拟 iphone 中显示 dev.to 文章

当浏览器的开发工具与设备仿真和响应式设计工具一起出现时，一切都变了。

打开开发者工具的设备仿真

作为开发人员，您不再需要调整浏览器窗口的大小来查看您的设计是如何变化的。您还可以测试您的产品在移动设备上的工作方式。

在手机上测试并不好玩。您要么必须连接到手机，并获得性能延迟，要么需要将产品发布到可用的服务器，或者在手机可以访问的计算机上设置到本地服务器的隧道。

这就是开发人员工具具有设备仿真功能的原因。您可以模拟不同的设备，旋转它们，甚至获得触摸仿真，这很高兴发现您非常喜欢的悬停效果对大多数用户来说几乎无法访问。

现在，几年过去了，随着设备领域的进步，我们拥有的工具开始无法满足我们的需求。似乎我们需要重新考虑我们必须接受更大的设备世界和更大的受众的工具。

我在 Microsoft Edge 浏览器的浏览器开发工具上担任产品经理，我每天会收到大约 400 条用户使用浏览器的反馈。

并非每个仿真用户都是开发人员

作为一名开发人员，我非常熟悉开发人员工具。我喜欢我可以模拟不同的设备和状态，并使用这些工具来解决我遇到的问题。然而，我对仿真部分分散在工具中感到沮丧。有些在设备仿真中，有些在渲染工具中，还有一些是元素/样式编辑器的一部分。

作为一名PM，我每天都会收到数十条消息，人们对这些事情的复杂性以及为什么有人“入侵我的计算机”或“显示很多我不可能造成并且不知道该怎么做的错误感到恐惧”关于”。

这让我想知道我们可以做些什么来将开发人员工具的仿真部分与工具本身断开。接下来，我将讨论我遇到的一些事情，并指出当前工具的实现在满足不同用户的需求方面存在的问题。

非开发人员的仿真需求

我收到喜欢使用仿真功能来测试他们自己不使用的产品的人的请求。这些是测试人员、项目经理、设计师和类似的人，他们想要验证他们的产品是否工作，但不需要处理代码或自己修复它们。

这些人的问题是开发人员工具占据了屏幕的很大一部分，却没有给他们任何他们想要的功能。当您模拟高分辨率设备并自己在笔记本电脑上工作时，这会越来越成问题。由于开发人员工具占用了浏览器的相当大的空间，模拟设备将不得不缩小到无法使用的程度。

如果您有第二台显示器，您可以将开发人员工具取消与该显示器的对接，但令人惊讶的是，有多少人从未意识到这甚至是一种选择。

像这样的用户希望拥有：

浏览器中的设备仿真，无需开发人员工具占用大量空间
一种模拟产品不同状态的简单方法（暗/亮模式、慢速连接、低端设备性能）
一种查看设备内容并截取该内容的简单方法
一种简单的方法来注释他们发现的问题，并可能向他们的开发团队提交错误

这些都是抽查工具，不需要完美的仿真。但是如果没有任何额外的努力就可以使用它们会很棒。

模拟想要玩网络游戏的用户

我在反馈中发现的另一个有趣的群体是模拟移动设备以获得更好的网络体验或访问他们在浏览器中没有的功能的用户。主要用例是像 Instagram 这样的服务，它只允许从移动设备上传，而不是从计算机上传。由于很多人在他们的移动设备上使用计量连接，他们使用仿真从他们的计算机上传图像。此外，网站的移动版本往往更轻薄、更易于使用并且不会充满弹出窗口和注册服务等的要求。许多视频网站还在移动界面上使用原生HTML5播放器，而不是具有大量交互和弹出窗口的播放器。这使您可以轻松地保存视频。

像这样的用户通常不需要开发者工具，因此他们也可以通过更简单的方式进入仿真模式。