0

我是一名新开发人员，最近因提出一个不够具体的问题（这使我面临被禁止提问的风险）而在堆栈溢出问题上被击败，所以我尽可能具体地提出了这个问题。如果我的问题有问题，请发表评论，这样我就可以了解这个社区的运作方式，而不是立即投票给我。我反应很快！

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

现在，在您提出可能导致差异的原因之前，我还想指出，我目前正在实施以下内容（基于我在其他类似线程中看到的内容）：

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

反应响应包

我想保留我的网站单个 url 而不是使用 m(dot).link 并且我还想使用自适应设计而不是响应式（我知道响应式通常更好）。

一个模拟器不足以进行测试的一个例子是测试与非常特定的语法的兼容性。例如，对于某些日期格式，iphone 不理解某些 es6 语法，例如“new Date()”，而 android 可以。

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

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

4

1 回答 1

1

我参与了一个学校项目，该项目要求我们使用真机测试我们的网络应用程序。我们所做的是我们托管了一个 firebase 服务器。

  • 首先安装 firebase cli：
npm install -g firebase-tools
  • firebase init在您的控制台中输入。（https://firebase.google.com/docs/hosting/deploying供参考）
  • 使用 将您的代码推送到您的主机上firebase deploy，然后您可以在手机上访问您的网址，它应该可以正常工作。Firebase 部署就像一个 git push，它需要几秒钟才能完成，所以它非常快。

编辑：抱歉没有意识到 Surge 做了同样的事情。但是，我认为您不能轻松地在计算机上进行测试。如果您有 Mac 并使用 iPhone 模拟器，则可以下载 Xcode，而 Android 模拟器则可以下载 Android Studio。但是两者都需要很长时间才能启动，个性，如果你有一个真正的手机，我只会部署到浪涌或火力基地并在真实手机上进行测试。

于 2017-08-09T00:11:05.090 回答