Css 工作流效率：在移动设备上测试前端

最近，我对“桌面”开发感到很舒服。意思是——我在本地主机上工作，开发前端，重新调整浏览器大小，看看响应能力如何

要测试这一点很简单。刷新页面，查看更改的内容

但进入iPhone、iPad和（哦，天哪，）Android的分辨率。我发现我的工作流程非常低效，无法测试媒体查询的解释方式

到目前为止，我提交更改、推送到Heroku、预编译资产等等。我抓起手机。加载页面，点击刷新，服务器重新启动，30秒后我的页面加载

我的代码要么修复了问题，要么没有。所以一切都回到原点，否则我就要做下一件事了

问题是: 测试移动站点的每个css调整最有效的方法是什么？我的方法远不能接近效率。

---

（如果这个问题更适合meta，那么我可以在那里重新发布…我有一半的预期是反对票，但我觉得这是每个noobie前端开发人员在某个时候都会遇到的一个相关问题）

我会使用Chrome的漂亮模拟器：

---

另外，请参阅本文了解更多信息：

chrome的答案就是我一直在寻找的答案。这是惊人的，虽然它并不完全符合我的iPhone的解释，当我选择设备：iphone5。。。我想我需要好好玩玩。