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

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

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

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

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

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

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

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

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

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