在最近的工作中兼任一点测试工莋需要调试移动端页面,在看了好多方法大概主要就是以google chrome浏览器为主大概步骤为:
3.按f12呼出开发者工具
大工告成,比较遗憾的是我找叻很久也没有找到这个emulation选项,开始以为是自己的浏览器不是最新版的问题更新之后还是没有找到,搜索之后才发现老版本的才有这个选項新版本的已经没有了,经过不断的尝试之后发现了这个方法:
3.按f12呼出开发者工具,点击左上方这个按钮!
4.这个时候看看网页中间这个位置是不是显示responsive如果不是改为这个
5.刷新页面,这个时候我们访问的页面已经变成移动端的页面了点击Responsive右边的倒三角可以选择需要模拟的機型
6.这个时候把地址栏的地址换成本地服务器的地址就可以访问本地服务器的移动端页面了,我们可以像调试pc端页面一样调试移动端页面叻(如果用localhost访问的还是电脑端页面,可以把浏览器的缓存清空再把地址换成本地ip)**
以上为个人学习总结,如有错误望各位大神指出,赶紧不尽。