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

阿豪运维笔记(阿豪同学) 2021-07-17 1.09 K阅读

温馨提示:这篇文章已超过443天没有更新,请注意相关的内容是否还可用!

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

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

image.png

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

image.png

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

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

image.png

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作有参考学习价值
喜欢请点击上方【分享】,如果对您有帮助可点击上方【打赏】打赏本站。谢谢大家对阿豪运维笔记的支持。

文章作者: 阿豪运维笔记(阿豪同学)
本文链接:
文章版权:站长码字很辛苦,除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处。

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