javascript - 在桌面使用 chrome 移动视图和在移动设备中使用 chrome 的区别
问题描述
我正在开发一个具有 Web 视图和移动视图的应用程序。为了测试移动视图,我使用了 chrome change to mobile display / tablet display 选项。但是当我在手机中使用该应用程序时,有很大的不同。我错过了什么?
解决方案
当我们测试时,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
推荐阅读
- r - 在mapply中将函数名作为参数传递?
- c# - 如何在 while 语句中使用 Console.ReadLine()
- vb.net - 选择关键词之间的文本
- r - R检测下载的zip文件的文件名编码
- django - 如何将 celery 任务订阅到现有的 RabbitMQ 交换?
- powershell - 如何将参数传递给所有纠缠测试脚本
- vue.js - 如何使用 JS Quasar 框架从构建中删除 console.log?
- c# - 条码扫描不允许用户移动条码扫描两次
- asp.net-core - Razor Pages 中 wwwroot 下静态文件的路径
- algorithm - 在 n 次旋转后查找索引处的元素