我是一名新开发人员,最近因为提出一个不够具体的问题(这使我面临被禁止提出问题的风险)而在堆栈溢出方面遭到殴打,所以我提出了这个问题尽可能具体。如果我的问题存在问题,请发表评论,以便我可以了解此社区的工作方式,而不是立即投我票。我很快回应!如何在桌面上测试手机的React自适应设计? (Windows)
最近我一直在用React和Node构建网站。我目前正在移动网站上工作。我一直在本地运行所有东西,目前正在使用chrome商店的仿真器(Ripple Beta)或通过Surge部署它来测试移动版本。但是,通过浪涌在手机上运行它最终与在桌面上运行它不同。
现在,你有什么建议可能会造成差异之前,我想还需要注意的是我目前实施以下(基于我在其他类似的线程所看到的):
<meta name="viewport" content="width=device-width, initial-scale=1">
反应响应包
我想保留我的网站的单个网址,而不是使用m(点).link,我也想使用自适应设计而不是响应(我意识到响应通常更好)。
仿真器不足以进行测试的一个示例是测试与特定语法的兼容性。例如,对于某些日期格式,iphone不理解某些es6语法,例如“new Date()”,而android会这样做。
有没有办法在桌面上测试移动设备的自适应设计,以便我可以在计算机上本地运行它,而不必每次都在浪涌中部署(以便我可以在手机上打开它)。
这将使调试这些问题变得更容易!我已经看到很多类似的线索,但我认为自适应设计(与我的实际桌面网站设计完全不同的设计)可能具有某些独特的问题,如上所示。不过,如果我仍然可以利用桌面版本的核心功能/组件,那就太棒了。