如何在 Ubuntu 中模拟不同设备上的网站？

Question

我正在开发一个网站的前端，需要查看我的代码在不同系统/浏览器中的表现。Firefox 和 Chromium 确实有允许将显示设置为不同大小的开发工具，但它们无法完全模拟 Apple 的升级机制，网站看起来仍然会略有不同。此外，它们没有考虑到不同的浏览器。

有没有什么工具或软件可以与 Ubuntu 一起使用来检查我的网站在不同设备/浏览器上的显示效果？

Answer 1

有以下服务：

1. 浏览器堆栈
2. 移动测试
3. 响应模拟器
4. 开胃- 可能是最好的，但是对我来说太慢了。

更好的方法仍然是在物理设备上实际测试网站。我发现所有这些方法都很慢。

Answer 2

响应式px

输入您本地或在线网站的网址，然后使用控件调整视口的宽度和高度，以找到以像素为单位的精确断点宽度。然后在媒体查询中使用该信息来创建响应式设计。

responsivepx GitHub

为了使用 responsivepx 获得最佳效果，您需要跳出思维定式。出于某种原因，我无法让 Google 和 Twitter 在 responsivepx 中向我显示任何内容，除了空白屏幕，尽管 Bing 和复杂的新闻网站在其中呈现得很好。