随着科技的发展和手机的普及，人们更喜欢在移动设备上浏览网页。从2017年第二季度开始，从国际上来看，移动流量开始超过PC流量（见下图）。同时根据IDC预测，到2025年智能手机出货量将超过15亿部。这意味着移动流量的占比将进一步增加，移动测试的重要性也将提高。

国际移动流量份额

如何在PC端测试移动端网页？为了讲清楚这个问题，文章结构将分为两部分：

1. 在 PC 上测试移动网页的 6 种方法

2.在PC端测试移动端需要注意的几个点

3. PC端测试移动设备时的建议及学习视频推荐

1. 在 PC 上测试移动网页的 6 种方法

1. 使用桌面浏览器测试开发者工具

这是大多数前端开发人员在开发过程中快速调试 UI 的方法之一。这也是成本最低的方法之一。

我们可以使用流行的桌面浏览器（如、、Edge等）的开发者工具来测试网站的移动视图，以模拟移动测试。同时，它们也可以供开发人员和测试人员运行移动测试。

请看以下示例：

类似的工具包括 Edge

1）打开并访问我们要测试的网站。

2) 从左上角的自定义和控制按钮，转到更多工具>开发人员工具（F12）。

3）单击下面屏幕截图中突出显示的设备切换栏图标。

4）从下拉列表中选择任何或 iOS 设备

5）选择设备后，输入的网站会在所选设备上打开，您可以在其上测试移动端，也可以随时随地使用检查工具调试移动端。

我们以产品下的开发工具为例

1）在偏好设置中打开[高级] > 勾选“在菜单栏中显示此顺序”一个网页下拉功能怎么实现的，选择并访问我们要测试的网站。

2）从菜单栏中，转到开发>进入响应式设计模式。

3）将出现一个移动设备。我们可以从下拉列表或设备菜单中选择要测试的设备。

4）选择设备后，输入的网站将在所选设备上打开。

摘要：这是使用浏览器测试 Web 应用程序的最常见方法之一。这被广泛认为是测试门户网站最具成本效益的方法。

优点：使用它将显著减少负载和时间。

缺点：

1) 此方法需要不时清除整个模拟并重新开始。

2) 这种方法需要清理新测试套件的缓存，以免依赖以前的测试用例结果。这可能会变得费力且耗时。

3）该方式缺乏移动操作系统，无法在各个浏览器版本之间切换，缺少一些移动操作的功能。

因此对于测试人员来说，PC桌面浏览器测试的重点在于：浏览器响应测试或者仅仅是视觉UI等兼容性测试。

2.远程调试

在移动设备上进行远程调试和在电脑上调试一样方便。

1）首先发现设备：

将手机置于开发者模式，然后使用 USB 数据线将我们的设备直接连接到我们的开发机器。我们的设备可能会要求我们确认我们信任这台电脑。第一次执行此操作时，我们通常会看到检测到离线设备。如果我们看到设备的型号名称，则表示已成功建立与我们设备的连接。

2）打开

:// 页面显示已启用调试的设备列表。

要开始调试，请点击要调试的检查下方的检查。像远程浏览器选项卡一样使用它。

找到你要调试的，并确保你手机上的页面也是活动的，然后点击蓝色链接，就会弹出一个新窗口；

总结：这种方式针对的是Web应用或者混合应用，不支持原生应用，总体来说比较轻量，速度快，一般可以用来调试测试。

3.抓包工具：

其他类似工具包括：一个网页下拉功能怎么实现的，，，。

例如，通过 HTTP 代理/HTTP 监视器/反向代理，开发人员可以查看其机器与互联网之间的所有 HTTP 和 SSL/TLS 流量，包括请求、响应和 HTTP 标头（其中包含和缓存信息）。它将记录浏览器与互联网之间的所有流量，显示所有请求、响应和标头的内容，支持 SSL 和。

您还可以模拟弱网络连接，包括延迟。以树或文本形式查看 XML 和 JSON 请求和响应。以树形式查看 /Flex 消息的内容，重复请求以测试后端的更改，编辑请求以测试不同的输入，拦截和编辑请求或响应上的断点，并使用 W3C 验证器验证记录的 HTML、CSS 和 RSS/atom 响应。

利用客户端和服务器之间发送和接收的信息，我们可以轻松地看到正在发生的事情，并能准确地确定故障所在，从而让我们快速诊断和解决问题，节省宝贵的时间。

总结：

通常用来检查接口请求和响应，定位问题。相比全平台使用，在 7以上系统，各品牌厂商的手机系统机制，证书怎么装，手机怎么连接等等都是测试。

4.在模拟器上测试

在移动测试中，您还可以通过在模拟器上安装应用程序来测试它，而无需实际使用真实设备。

该模拟器是一个可行的选择，因为它易于安装、随时可用且不需要维护。

模拟器可以实现诸如网络限流改变带宽、支持设备硬件（如摄像头）、通过通知提示Web应用等功能，使用模拟器可以帮助我们快速了解移动Web应用的行为。

但模拟器的问题在于，它模拟的是旧版本的系统，根本不是真实的设备，只能让我们对设备有一个粗略的了解，无法提供准确的分析，无法替代真实硬件所带来的不可预测的问题。

比如在需求场景中，希望通过GPS定位周边的场地，并根据喜好通知相关圈子内的人来附近参加活动。然而模拟器无法根据真实场景模拟位置，以及模拟过程中面临的其他真实情况。再比如无法模拟2G、4G、5G快速切换导致的网络断线。这正是用户在出行过程中遇到的实际情况。

总结：

模拟器最适合用于 UI 测试以了解您的 Web 应用程序，但不建议依赖它们来测试其他功能。

5.基于云的测试

终极解决方案来了。另一种更可靠的测试移动 Web 应用程序的方法是使用真实的设备云。这可能有点贵，但值得。

之前在某云工作的时候也用过类似的云测试平台，可以用来远程连接真机进行测试，通常一些比较大的公司都有类似的云平台供测试人员使用。

云测试平台能够提供的功能比以前丰富了很多，除了真机之外，还提供了以下功能：

1）自动功能测试

大部分云测试服务都提供了一些特色功能，比如自动化功能测试、在大量真机上快速执行自定义脚本、脚本组等，帮助企业在短时间内完成大量重复性测试任务、多终端测试任务百度搜索自动出来的词条怎么删除★64xl.com人人都会做下拉，百度的相关搜索怎样删除，不仅提升了测试效率和生产力，还能在迭代过程中保证大量历史版本的功能可靠性。

2）标准合规性测试

通过云端测试技术，从远程真机实验室的海量终端中筛选机型，在云端自动部署移动应用到真机，通过录制自动化执行脚本，覆盖APP核心功能，支持遍历（智能探索）、自动登录、性能数据收集、错误日志抓取等功能，提升测试效率和生产能力，保障企业在迭代过程中大量历史版本的兼容性可靠性。

3）移动应用安全扫描服务

云测安全移动应用扫描系统采用业界领先的静态分析、动态分析、行为分析技术，覆盖APP基本信息、配置安全、代码安全、组件安全、数据安全、加密安全、通信安全等，全方位检测移动应用程序的安全风险与漏洞，并提供细致的修复方案。

使用云测试平台的问题是，用户很可能不是那么专业，所以你可能需要学习更多....

6.

它通常是移动测试工作的首选。

其益处：

1）由于我们在所有平台上都使用标准的移动自动化API，因此我们不需要以任何方式修改或重新编译我们的应用程序；

2）支持iOS和；

3）测试用例可以用任何与Web驱动程序兼容的语言（Java，C，）编写；

4）可以使用任何测试框架；

5）易于在不同平台上设置；

6）移动自动化测试工具支持Ruby、Java、PHP、Node等语言；

7）它不需要在设备上安装任何东西；

8）您不必在不同平台上重新编译移动应用程序；

9）借助Java，可以与其他工具集成。

2.补充PC端测试移动端需要关注的几个点1.关注移动端操作平台

目前，主流移动设备市场只有三种操作系统：、iOS、鸿蒙OS。