您的位置:首页 > Web前端 > 其它

使用谷歌浏览器模拟移动端打开网页

更多 2016/6/23 来源:Web前端学习浏览量:1348
学习标签: Web前端
本文导读:在开发移动端网站时,需要模拟移动端打开网页的效果,继而进行调试、修改,有很多工具可以模拟手机打开的效果,谷歌浏览器同样也有这样的功能,使用起来非常方便,可以模拟不同的移动设备打开的效果,例如:android系统、iphone系统等等。

一、打开谷歌浏览器,按F12,调处控制台面板

 

二、点击如图位置,再点击则进入模拟PC端打开,这样可以在移动端、PC端之间切换

 

 

三、输入需要打开的移动端网址

例如:https://m.baidu.com/

 

四、选择模拟的平台

 

如果没有下拉的菜单没有你需要模拟的平台,可以点击Edit展开更多,进行选择

 

五、模拟浏览效果的完成,可以通过鼠标拖动,模拟手指滑动屏幕的效果

 

六、如果需要分析HTML代码,则需要如图点击,如果需要退出分析,则再按一次这个链接的地方,取消分析功能

 

 

 

收藏
119
很赞
251