我是一名新开发人员,最近我因为提出一个不够具体的问题(这让我有被禁止提问的风险)而遭遇堆栈溢出,所以我把这个问题视为具体尽可能。如果我的问题有问题,请评论,以便我可以了解这个社区如何运作,而不是立即投票给我。我反应很快!
我最近一直在用React和Node建立一个网站。我目前正在移动网站上工作。我一直在本地运行所有东西,目前正在测试移动版本,在Chrome商店中使用模拟器(Ripple Beta)或通过Surge部署它。但是,通过浪涌在手机上运行它最终不同于在桌面上运行它。
现在在您提出可能导致差异的原因之前,我还要注意我目前正在实施以下内容(基于我在其他类似线程中看到的内容):
<meta name="viewport" content="width=device-width, initial-scale=1">
反应敏感的包
我想保留我的网站单个网址,而不是使用m(点).link,我也想使用自适应设计而不是响应(我知道响应通常更好)。
模拟器不足以进行测试的一个示例是测试与非常特定语法的兼容性。例如,对于某些日期格式,iphone不理解某些es6语法,例如“new Date()”,而android则不然。
有没有办法在桌面上测试移动设备的自适应设计,这样我就可以在我的计算机上本地运行它,而不必每次都在浪涌上进行部署(这样我就可以在手机上打开它)。
这将使调试这类问题变得更加容易!我已经看到很多类似的响应式设计线程,但我认为自适应设计(与我的实际桌面网站设计完全不同的设计)可能会有如上所述的一些独特问题。但是,如果我仍然可以利用桌面版的核心功能/组件,那将是很棒的。
答案 0 :(得分:1)
我参与了一个学校项目,要求我们使用真正的手机测试我们的网络应用程序。我们做的是托管firebase服务器。首先安装firebase cli npm install -g firebase-tools
,然后在控制台中输入firebase init
。 (https://firebase.google.com/docs/hosting/deploying供参考)然后使用firebase deploy
将您的代码推送到您的主机,然后您可以在手机上访问您的网址,它应该可以正常运行。 Firebase部署就像一个git push,它需要几秒钟才能完成,所以它非常快。
编辑:抱歉没有意识到Surge做了同样的事情。但是,我认为您不能轻易在计算机上进行测试。虽然你可以下载Xcode,如果你有一张地图并使用Iphone模拟器和Android Studio for Android模拟器。但是两者都要花很长时间才能启动,个性化,如果你有手机,我只需要部署到浪涌或火力计并在真实手机上进行测试。