怎么样用浏览器测试手机页面

        假如你是你们单位的信息系统管理员又或者是一位前端开发人员，每一次发布一篇网页版公告或者文章都需要确保它在不同的手机上能够正确显示，我们知道安卓手机和苹果手机的屏幕大小、分辨率都是不一样的，这就意味着同样的页面在不同品牌不同型号的机型上显示也会有差异，这个时候就需要用不同品牌的手机来做测试，笔者经常碰到有同事或者朋友借我的手机和平板去做测试，其实不用那么麻烦，有更方便快捷的方法。

        谷歌浏览器为我们提供了现今市面上所有具有代表性的手机和平板机型，它就隐藏在谷歌浏览器的开发者模式中。

       我们以百度一下举例。

       首先，打开谷歌浏览器，访问百度一下。

 

       按F12进入开发者模式。可以看到右边有很多选项。我们需要的是Toggle device toolbar，意思是切换设备工具栏，在这里可以前端到移动端设备。