电脑端如何模拟手机端预览网站

温馨提示:文章已超过1735天没有更新,可能存在链接失效,相关教程仅供参考

在设计网站的时候,网站做了自适应,想在手机端预览下效果比较麻烦还得找手机然后打开浏览器去访问,下面站长给大家分享简单办法在不同移动端下查看效果

现在流行的浏览器如360安全浏览器,谷歌,火狐浏览器都集成了手机浏览模式,效果和用手机访问差不多。首先在页面空白处点击鼠标右键选择审查元素(也可以按键盘的F12

image.png

在弹出来开发者调试工具窗口,点击手机图标切换设备仿真

image.png

点击手机图标后,我们可以看到变成手机端浏览模式了,可选iPhone、iPad,三星等不同机型,也可以点击列表最下面的Edit添加自定义机型

可自定义长宽比例,还可以上下页面滑动模拟手机端访问

image.png

© 除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处

取消
微信二维码
微信二维码
支付宝二维码