为什么要在移动浏览器上查看网站的桌面版本?Safari 和 Chrome 都针对在移动设备上访问网络进行了优化。然而,仍然存在一些无法在移动设备上提供最佳冲浪体验的网站。因此,用户可能无法在移动浏览器上访问该网页的关键功能。
在这种情况下,用户需要从他们的移动浏览器切换到网站的桌面版本。这样做使他们能够一次查看整个网页。
注意: Safari是仅次于 Chrome的世界上第二受欢迎的浏览器。自然地,任何迎合 iPhone 用户的人都必须针对移动和桌面版本的 Safari 优化他们的 Web 应用程序。
如何在 iPhone 上请求桌面站点下面列出了在 iPhone (iOS 16)上运行的 Safari 中查看网站桌面版的步骤
打开 Safari 浏览器并导航到任何网站。网站加载后,单击地址栏前顶角的“aA”图标。它打开网站视图菜单。从可用选项中,选择“请求桌面网站”选项。使用iOS 16及更早版本的个人,请按照以下两个步骤操作:
第 1 步:打开 Safari 浏览器窗口并导航到所需的网站。网站加载后,点击并按住地址栏旁边的“刷新”按钮。
第 2 步:屏幕底部会出现一个弹出窗口,从两个选项中选择“请求桌面站点” 。
按照上述步骤操作将有助于查看任何网站的桌面版本。
现在,让我们了解团队如何确保他们的网站针对移动和桌面版本的 Safari 进行优化。
有两种简单的方法:
方法 1:手动下载最新和旧版浏览器版本的 Safari开发人员和 QA 可以在他们的设备上手动下载最新和旧版本的 Safari,并在其上测试网站。然而,这个过程极其耗时费力。下载和安装各个浏览器版本是一项低效的任务。
此外,在真实的 iOS 设备上测试不同版本的 Safari 意味着需要团队拥有本地设备实验室。拥有这样的实验室需要巨大的投资,无论是在财务上还是在人力方面。定期维护和更新它会产生额外的开销。
方法二:使用BrowserStack在真实设备上测试网站为了跨各种浏览器版本和设备进行全面的跨浏览器测试,团队需要理想的测试基础设施。BrowserStack 正是通过为团队提供对 2000 多个真实设备和浏览器的基于云的访问来做到这一点。BrowserStack 的真机云提供以下内容:
真正的 Android 和 iOS 设备(最新和旧手机)在真机上运行的 Windows 和 macOS 环境Chrome、Safari、Firefox、Opera 等流行浏览器QA 或开发人员只需选择所需的环境(macOS 或 iOS),然后选择设备类型和浏览器版本。然后,他们开始测试。
BrowserStack 支持在移动和桌面版本的 Safari 上轻松进行测试。这是因为团队只需单击几下即可选择所需的测试环境。下图代表了BrowserStack 提供的用于测试的真实 iOS 设备和 macOS 环境。
现在,让我们看一下在 iPhone 14 Pro 上运行的示例 Safari 会话。BrowserStack 还提供以下重要功能:
地理定位测试以评估网站的基于地理的行为。与 Jira、Trello 和 Slack 等流行的错误报告工具集成。开发人员和 QA 可以即时访问 Safari DevTools。测试触觉功能,如捏合以放大或缩小或设备旋转。因此,人们可以轻松地在 iPhone 上查看桌面版网站。人们还可以总结出像 BrowserStack 这样的平台如何使这个过程更容易、更快和万无一失。
经常问的问题1. iPhone有桌面站点吗?
不,iPhone 没有像传统台式电脑那样的桌面版操作系统。iPhone 使用专为移动设备设计的移动操作系统,称为 iOS。但是,在 iPhone 上使用 Safari 浏览器时,您可以通过点击浏览器左上角的“aA”图标来请求网站的桌面版本,这可能会提供更完整、功能更丰富的体验,然后选择“请求桌面站点”。
2. 如何在 IOS 15 上获取桌面站点?
在 iOS 15 中,您可以按照以下步骤在 Safari 中请求网站的桌面版:
在 iPhone 或 iPad 上打开 Safari。导航到要作为桌面站点查看的网站。点击 Safari 浏览器左上角的“aA”图标。从出现的菜单中选择“请求桌面站点”。该网站现在应该重新加载并显示该网站的桌面版本。请注意,并非所有网站都有单独的桌面版本,有些网站即使在请求桌面版本时仍可能显示为移动网站.