如何在桌面上測試手機的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模擬器。但兩者都需要相當長的時間才能啓動，個性化，我只需部署到浪涌或火力基地，並在真實手機上進行測試（如果有的話）。