手机网站调试神器之chrome控制台
现在真是一个信息化的时代，每个人手里都拿着一款智能机，上班下班走路坐车之余都会玩玩手机，上上网。于是作为广大网站媒体来说，争抢手机市场无疑是刻不容缓。对于我们Web前端工程师来说，了解并掌握手机编程的任务也是刻不容缓。下面为大家推荐一款比较不错的手机调试软件chrome。
经常调试手机网站的码农们，一定会为手机调试软件而发愁，找不到比较合适的手机网站调试工具。我也是无意中发现chrome控制台的软件设置中就具备了各种手机屏幕的尺寸。我们只要用它就很方便完成调试工作了。
下面介绍一下chrome调试的方法。
1、打开chrome(下面的步骤如果不成功，请先升级chrome浏览器)
2、按F12打开Developer Tools,之后点击developer Tools右下角的设置icon,如图(图1-1)
图1-1
3、点击设置icon后，就会看到弹出一个新的界面，如下图(图1-2):
图1-2
4、在上图所示界面点击相应选项，刷新页面就能看到chrome使用对应设备上的相应浏览器渲染该页面，下图(图1-3)展示了chrome可以模拟的设备：
图1-3
5、下面讲下该工具每个功能项的意思
User Agent : 设置用户代理，告诉浏览器模拟何种设备中的哪个浏览器
Device metrices: 选择后，会根据User Agent设置页面的大小，默认值是模拟设置的大小，
Fit in window ：点选后，页面大小会根据窗口大小进行适配
Override Geolocation：手动设置经纬度，选择后可以输入经度和纬度的值 Emulate position unavailable用来开关是否可以使用地理位置
Override Device Orientation：设置设备方向，
Emulate touch events：模拟触摸屏事件
Emulate CSS media：模拟css 样式屏幕如 print screen tv等
尽管市面上有众多的手机网站调试工具，但是普遍都得需要下载安装，使用起来非常麻烦。而chrome自带的功能就可以满足我们普遍手机网站调试人员的需求，何乐而不为呢。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
