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

时间:2014-06-30 20:08:01

标签: css iphone mobile

最近我对桌面"发展。含义 - 我在localhost上工作并开发前端,重新调整浏览器大小以查看响应能力是如何运作的。

为了测试这个很简单。刷新页面,看看有什么变化。

但是进入iPhone,iPad和(哦男人)Android分辨率。我发现我的工作流程非常低效,无法测试我的媒体查询的解释方式。

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

我的代码修复了一个问题,或者它没有。所以它回到原点,或者我接下来的事情。

问题是: 测试移动网站每个小css调整的最有效方法是什么?我的方法无法远程接近效率。

(如果这个问题更适合meta-所以我可以转发那里......我有一半期待downvotes,但我觉得这是一个相关的问题,每个noobie前端开发者会在某个时候遇到)

1 个答案:

答案 0 :(得分:0)

我会使用Chrome的漂亮模拟器:https://developer.chrome.com/devtools/docs/mobile-emulation

此外,请参阅此帖子了解更多信息:test mobile website in desktop browser