如何在桌面上测试手机的React自适应设计？ （Windows）

Question

我是一名新开发人员，最近因为提出一个不够具体的问题（这使我面临被禁止提出问题的风险）而在堆栈溢出方面遭到殴打，所以我提出了这个问题尽可能具体。如果我的问题存在问题，请发表评论，以便我可以了解此社区的工作方式，而不是立即投我票。我很快回应！

最近我一直在用React和Node构建网站。我目前正在移动网站上工作。我一直在本地运行所有东西，目前正在使用chrome商店的仿真器（Ripple Beta）或通过Surge部署它来测试移动版本。但是，通过浪涌在手机上运行它最终与在桌面上运行它不同。

现在，你有什么建议可能会造成差异之前，我想还需要注意的是我目前实施以下（基于我在其他类似的线程所看到的）：

<meta name="viewport" content="width=device-width, initial-scale=1"> 

反应响应包

我想保留我的网站的单个网址，而不是使用m（点）.link，我也想使用自适应设计而不是响应（我意识到响应通常更好）。

仿真器不足以进行测试的一个示例是测试与特定语法的兼容性。例如，对于某些日期格式，iphone不理解某些es6语法，例如“new Date（）”，而android会这样做。

有没有办法在桌面上测试移动设备的自适应设计，以便我可以在计算机上本地运行它，而不必每次都在浪涌中部署（以便我可以在手机上打开它）。

这将使调试这些问题变得更容易！我已经看到很多类似的线索，但我认为自适应设计（与我的实际桌面网站设计完全不同的设计）可能具有某些独特的问题，如上所示。不过，如果我仍然可以利用桌面版本的核心功能/组件，那就太棒了。

Answer 1

我参与了一个学校项目，要求我们使用真实手机测试我们的网络应用程序。我们所做的是我们托管一个Firebase服务器。首先安装Firebase cli npm install -g firebase-tools，然后在控制台中键入firebase init。 （https://firebase.google.com/docs/hosting/deploying作为参考）然后将您的代码推送到您的主机与firebase deploy，然后你可以去你的手机上的网址，它应该工作得很好。 Firebase部署将像git推动，需要几秒钟才能完成，所以非常快。

编辑：抱歉，没有意识到Surge做了同样的事情。但是，我不认为你可以轻松地在你的电脑上测试。虽然你可以下载Xcode，如果你有地图并且使用Iphone模拟器，Android Studio用于Android模拟器。但两者都需要相当长的时间才能启动，个性化，我只需部署到浪涌或火力基地，并在真实手机上进行测试（如果有的话）。