首页 > 解决方案 > 在桌面使用 chrome 移动视图和在移动设备中使用 chrome 的区别

问题描述

我正在开发一个具有 Web 视图和移动视图的应用程序。为了测试移动视图,我使用了 chrome change to mobile display / tablet display 选项。但是当我在手机中使用该应用程序时,有很大的不同。我错过了什么?

标签: javascripthtmlgoogle-chrome

解决方案


当我们测试时,Web 视图和移动视图之间的区别之一是用户代理。如果你想在谷歌浏览器上获得移动体验,你不应该只是将视图从 chrome 更改为移动/平板电脑。但是您可能还应该找到一种方法来更改用户代理本身。否则,您可以在手机浏览器上打开相同的 uri。这样用户代理保持不变。

此外,移动浏览器中的某些操作将与 Web 浏览器中的操作不同。在移动视图的浏览器中,您可以期待touch基于操作的操作,而在 Web 浏览器的其他情况下,您可以期待基于点击的操作。

在此处阅读有关用户代理的更多信息:https ://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/User-Agent

此外,您可以使用https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg来切换您的用户代理。我们在一个项目中使用了它,虽然我不知道它现在是否运作良好。

以下是有关触摸事件的参考:https ://www.w3.org/TR/touch-events/#event-touchstart


推荐阅读