主页 / ubuntu / 问题 / 978515
Accepted
Prototype700
Asked: 2017-11-21 11:28:28 +0800 CST

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

  • 772

我在网站的前端工作，需要查看我的代码在不同系统/浏览器中的行为。Firefox 和 Chromium 确实具有允许将显示设置为不同尺寸的开发工具，但它们无法完全模仿 Apple 的升级机制，并且网站看起来仍会略有不同。他们也没有考虑到不同的浏览器。

我可以在 Ubuntu 上使用任何工具或软件来检查我的网站在不同设备/浏览器上的外观吗？

software-recommendation

2 个回答

  1. Best Answer

    有如下服务：

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

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

    • 2

  2. 响应式像素

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

    响应式 GitHub

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

    • 1

相关问题