工作流效率:移动设备前端测试

Question

最近，我开始习惯于“桌面”开发。意思--我在本地主机上工作，开发前端，调整浏览器的大小，看看响应是如何工作的。

要测试这一点很简单。刷新页面，看看发生了什么变化。

不过，还有iPhone、iPad和(噢，天啊)安卓的决议。我发现我的工作流程在测试媒体查询是如何被解释时效率极低。

现在，我提交修改，推到Heroku，资产是预编好的等等。加载页面，点击刷新，服务器重新启动，30秒后我的页面加载。

我的代码要么修复了一个问题，要么没有。所以它回到了原点，否则我就开始关注下一个问题了。

问题是：是测试移动站点每个小css调整的最有效的方法吗？我的方法远不能接近高效.。

(如果这个问题更适合元数据，那么我可以在那里重新发布.我有一半期待投票，但我觉得这是一个相关的问题，每个noobie前端开发将在某个时候遇到)

Answer 1

我会使用Chrome的漂亮仿真器：https://developer.chrome.com/devtools/docs/mobile-emulation。

另外，有关更多信息，请参见本文：test mobile website in desktop browser