本文作者:阿豪运维之路

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

电脑端如何模拟手机端预览网站摘要: 在设计网站的时候,网站做了自适应,想在手机端预览下效果比较麻烦还得找手机然后打开浏览器去访问,下面站长给大家分享简单办法在不同移动端下查看效果现在流行的浏览器如360安全浏览器,谷...

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

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

image.png

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

image.png

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

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

image.png

文章版权及转载声明

作者:阿豪运维之路本文地址:https://www.ahaoyw.com/article/607.html发布于 07-17
文章转载或复制请以超链接形式并注明出处阿豪运维之路

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏