如何在 Ubuntu 中模擬不同裝置上的網站？

Question

我正在開發網站的前端，需要查看我的程式碼在不同系統/瀏覽器中的行為。 Firefox 和 Chromium 確實有允許將顯示器設定為不同尺寸的開發工具，但它們無法完全模仿 Apple 的放大機制，而且網站看起來仍然會略有不同。他們也沒有考慮不同的瀏覽器。

是否有任何工具或軟體可以與 Ubuntu 一起使用來檢查我的網站在不同裝置/瀏覽器上的外觀？

Answer 1

有這樣的服務：

1. 瀏覽器堆疊
2. 移動測試
3. 反應模擬器
4. 開胃- 可能是最好的，但對我來說慢得令人痛苦。

更好的方法仍然是在實體設備上實際測試該網站。我發現所有這些方法都很慢。

Answer 2

響應式px

輸入本地或線上網站的 URL，然後使用控制項調整視窗的寬度和高度，以找到精確的斷點寬度（以像素為單位）。然後在媒體查詢中使用該資訊來建立響應式設計。

GitHub 上的

為了使用responsivepx獲得最佳效果，您需要跳出框框思考。出於某種原因，我無法讓 Google 和 Twitter 向我顯示除了響應式像素中的空白螢幕之外的任何內容，即使 Bing 和複雜的新聞網站在其中呈現得很好。