Mobile 移动设备和桌面设备的区别是什么？

我想在中添加一个自定义设备。 您可以选择几个选项，例如宽度和高度。也可以选择：

• 流动的
• 移动（无接触）
• 桌面
• 桌面（触摸屏）

因此，移动设备和桌面设备的区别似乎并不在于触摸事件

---

是1000*1000px屏幕大小的移动设备（无触摸）

以及1000*1000px屏幕大小的桌面设备

同样的

或1000*1000px屏幕大小的移动设备

以及1000*1000px屏幕大小的桌面设备（触摸屏）

同样的

---

所以我的问题是：

从技术角度来看，台式机和移动设备有什么区别

请解释概念上的差异（我对这个特别感兴趣）和开发工具上的差异

---

为赏金编辑：

---

我是在回答并看到谷歌、亚马逊和其他一些大公司如何在显示页面的方式上实现差异化后产生这个疑问的。它不是屏幕大小，而是设备类型（如果我是正确的）。因此，我想知道除了“移动设备可以移动”之外，还有哪些技术方面使他们能够区分台式机和移动设备。整个过程有点棘手，但除了有

功能

阵列，它包含

触摸

和

移动

选项之外，我看不出有什么大的区别。启用

touch

时，将模拟四个触摸事件。除此之外，两种模式之间似乎存在一些不同的缩放逻辑

---

不确定这是否有帮助。如果您或其他任何人有兴趣深入了解这一点，我会查看

inspector.js

，其中大部分逻辑都可以在

\u calculateAndEmulate

和

\u applyDeviceMetrics

函数中找到。

一个主要区别是Chrome将发送的用户代理请求头

如果您选择移动，您将得到如下内容：

Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko)
  Chrome/46.0.2490.76 Mobile Safari/537.36

而对于

桌面

，它将如下所示：

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
  Chrome/54.0.2840.99 Safari/537.36

（当然，具体取决于您的操作系统、Chrome版本等。）

因此，如果您正在进行服务器端用户代理嗅探，它将帮助您进行测试/调试。（用于为桌面和移动设备提供不同的内容，重定向到移动子域等目的）

以桌面和移动设备为目标

移动设备和桌面设备之间的关键区别在于屏幕的物理尺寸，至少就web浏览器中的移动/桌面设置而言是如此。这不能与屏幕的分辨率混淆

当针对桌面设计时，该界面预计一次会在屏幕上包含更多扩展内容，而移动版的大部分内容隐藏在图标中，一触即展开。相比之下，移动版的空间将得到优化

事实上，当平板电脑的屏幕尺寸大于标准尺寸时（例如，如今可使用可拆卸键盘的平板电脑），该网站的移动版本可能会过度优化空间，这就是浏览器允许平板电脑用户选择以桌面模式显示网站的原因

移动设备的分辨率可能比台式机上的分辨率高，但事实上，台式机上的屏幕（至少假设是）要大得多，使用台式机的人比在移动设备上观看的人更容易一次在屏幕上看到更多扩展的内容

主要对价比较

桌面：

• 更大、多个屏幕，可同时容纳屏幕上的更多内容
• 更多的输入-常用的输入是键盘
• 鼠标悬停并单击链接-常用的输入是鼠标
• 在桌子上
• 大量使用
• 更强大的硬件（内存和处理能力更便宜）
• 动力性能

流动电话：

• 更小的单屏幕，空间优化至关重要
• 少打字-常见的输入类型是触摸屏
• 触摸和手势
• 放在口袋里
• 随意使用
• 性能较差的硬件。也就是说，小而酷的运行内存和处理意味着更少的钱
• 功率效率

---

好问题。我不知道在模拟方面有什么真正的区别，但是可以快速查看源代码，看看模式之间是否有编程上的差异。当我有空的时候，我会看一看。回答得很好。不过，我不确定我是否同意手机上的“随意使用”。你对此有什么建议吗？@Alvaro感谢你的好话和意见。计算机驱动设备的多功能性是如此巨大，而且一直在变得越来越强大。因此，当我创造“随意使用”一词时，我想表达的是三大主要移动操作系统上最受欢迎的应用程序与它们的桌面应用程序相比已经大幅精简，但我的观点显然与我的数字和印刷媒体背景不符。它们有很多用途，几乎不可能把它们全部考虑在内。我很想听到更多你的观点，帮助我重新思考我对文字的使用。这是对移动设备和桌面设备之间区别的描述。我认为OP（和我）希望更多地了解技术上的差异，例如在不同的设备上如何处理视口（以及开发工具中的不同设置）。如果您指定模拟哪些触摸事件，那将很有趣