您已经构建了一个响应式网站,是时候对其进行测试了。一般来说,我们可以通过最小化浏览器窗口的宽度或仅使用小书签(浏览器书签栏中的一个小脚本)响应式来测试响应式网站。
然而,没有比直接在实际移动设备上查看网站更好的选择了。移动浏览器与桌面版本的特性略有不同,因此您会发现许多可能仅在移动浏览器中发生的问题。
此外,如果您实现特定功能,在您的网站上使用触摸交互,您可以立即看到它是如何工作的。在本文中,TipsMake.com 将向您展示如何使用 Adobe Edge Inspect 执行网站响应性检查。让我们尽快找出答案!
安装 Adobe Edge Inspect
首先,您需要安装 Adobe Edge Inspect 应用程序。您可以使用 Adobe Creative Cloud 帐户下载 Adobe Edge Inspect。
.png)
安装应用程序后,打开它并输入您的 Adobe Creative Cloud 登录信息。然后,安装适用于 Google Chrome 和移动设备应用程序 (Android) 的 Adobe Edge Inspect 扩展程序。
连接到移动设备
所有请求建立后,您可以将计算机连接到移动设备。确保设备使用相同的无线连接,并且 Chrome 扩展程序刚刚设置为开启。之后,Adobe Edge Inspect 将检测计算机并为您提供一个 6 位数的连接密码。
.png)
在 Chrome 扩展程序中输入密码。
.png)
测试地点
一旦验证了代码并连接了两台设备,每次在谷歌浏览器中打开一个网站(前提是Adobe Edge Inspect正在运行),该网站都会立即被显示在移动设备上。已连接。使用 Adobe Cloud Creative Pro 帐户,您可以同时连接到多个设备。
希望你成功。
0 评论