如何在桌面上测试移动端的 React 自适应设计? (Windows)
How to test React adaptive design for mobile on desktop? (Windows)
我是一名新开发人员,最近因为提出了一个不够具体的问题(这让我有被禁止提问的风险)而在堆栈溢出问题上遭到殴打,所以我提出了这个问题尽可能具体。如果我的问题有问题,请发表评论,这样我就可以了解这个社区是如何运作的,而不是立即对我投反对票。我反应还挺快的!
我最近一直在用 React 和 Node 构建一个网站。我目前在移动网站上工作。我一直在本地 运行 部署所有内容,目前使用 chrome 商店中的模拟器 (Ripple Beta) 或通过 Surge 部署来测试移动版本。但是,运行通过 surge 在我的 phone 上安装它与在桌面上安装它最终是不同的。运行
现在,在您提出可能导致差异的原因之前,我还想指出,我目前正在实施以下内容(基于我在其他类似主题中看到的内容):
<meta name="viewport" content="width=device-width, initial-scale=1">
react-响应包
我想保持我的网站单一 url 而不是使用 m(点)。link 我还想使用自适应设计而不是响应式设计(我知道响应式是通常更好)。
仿真器不足以进行测试的一个示例是测试与非常特定语法的兼容性。例如,iphone 不理解某些 es6 语法,例如某些日期格式的 "new Date()",而 android 可以。
有没有一种方法可以在桌面上测试移动设备的自适应设计,这样我就可以 运行 在我的计算机上进行本地测试,而不必每次都在激增时部署(这样我可以在我的 phone).
上打开
这将使调试此类问题变得更加容易!我已经看到很多类似的响应式设计线程,但我认为自适应设计(与我的实际桌面网站设计完全不同的设计)可能会出现一些独特的问题,如上所示。不过,如果我还能利用桌面版的核心 functionality/components 就好了。
我参与了一个学校项目,该项目要求我们使用真实 phone 来测试我们的 Web 应用程序。我们所做的是托管一个 firebase 服务器。
- 首先安装 firebase cli:
npm install -g firebase-tools
- 在您的控制台中输入
firebase init
。 (https://firebase.google.com/docs/hosting/deploying供参考)
- 使用
firebase deploy
将您的代码推送到您的主机上,然后您可以在 phone 上访问您的 url,它应该工作得很好。 Firebase 部署就像一个 git 推送,需要几秒钟才能完成,所以非常快。
编辑:抱歉没有意识到 Surge 做了同样的事情。但是,我认为您无法轻松地在计算机上进行测试。如果您有 Mac 并使用 iPhone 模拟器,您可以下载 Xcode,Android 模拟器可以下载 Android Studio。但是两者都需要很长时间才能启动,个性,我会部署到 surge 或 firebase 并在真实的 phone 上进行测试,如果你有的话。
我是一名新开发人员,最近因为提出了一个不够具体的问题(这让我有被禁止提问的风险)而在堆栈溢出问题上遭到殴打,所以我提出了这个问题尽可能具体。如果我的问题有问题,请发表评论,这样我就可以了解这个社区是如何运作的,而不是立即对我投反对票。我反应还挺快的!
我最近一直在用 React 和 Node 构建一个网站。我目前在移动网站上工作。我一直在本地 运行 部署所有内容,目前使用 chrome 商店中的模拟器 (Ripple Beta) 或通过 Surge 部署来测试移动版本。但是,运行通过 surge 在我的 phone 上安装它与在桌面上安装它最终是不同的。运行
现在,在您提出可能导致差异的原因之前,我还想指出,我目前正在实施以下内容(基于我在其他类似主题中看到的内容):
<meta name="viewport" content="width=device-width, initial-scale=1">
react-响应包
我想保持我的网站单一 url 而不是使用 m(点)。link 我还想使用自适应设计而不是响应式设计(我知道响应式是通常更好)。
仿真器不足以进行测试的一个示例是测试与非常特定语法的兼容性。例如,iphone 不理解某些 es6 语法,例如某些日期格式的 "new Date()",而 android 可以。
有没有一种方法可以在桌面上测试移动设备的自适应设计,这样我就可以 运行 在我的计算机上进行本地测试,而不必每次都在激增时部署(这样我可以在我的 phone).
上打开这将使调试此类问题变得更加容易!我已经看到很多类似的响应式设计线程,但我认为自适应设计(与我的实际桌面网站设计完全不同的设计)可能会出现一些独特的问题,如上所示。不过,如果我还能利用桌面版的核心 functionality/components 就好了。
我参与了一个学校项目,该项目要求我们使用真实 phone 来测试我们的 Web 应用程序。我们所做的是托管一个 firebase 服务器。
- 首先安装 firebase cli:
npm install -g firebase-tools
- 在您的控制台中输入
firebase init
。 (https://firebase.google.com/docs/hosting/deploying供参考) - 使用
firebase deploy
将您的代码推送到您的主机上,然后您可以在 phone 上访问您的 url,它应该工作得很好。 Firebase 部署就像一个 git 推送,需要几秒钟才能完成,所以非常快。
编辑:抱歉没有意识到 Surge 做了同样的事情。但是,我认为您无法轻松地在计算机上进行测试。如果您有 Mac 并使用 iPhone 模拟器,您可以下载 Xcode,Android 模拟器可以下载 Android Studio。但是两者都需要很长时间才能启动,个性,我会部署到 surge 或 firebase 并在真实的 phone 上进行测试,如果你有的话。