电脑端如何模拟手机端预览网站
温馨提示:这篇文章已超过560天没有更新,请注意相关的内容是否还可用!
在设计网站的时候,网站做了自适应,想在手机端预览下效果比较麻烦还得找手机然后打开浏览器去访问,下面站长给大家分享简单办法在不同移动端下查看效果
现在流行的浏览器如360安全浏览器,谷歌,火狐浏览器都集成了手机浏览模式,效果和用手机访问差不多。首先在页面空白处点击鼠标右键选择审查元素(也可以按键盘的F12)
在弹出来开发者调试工具窗口,点击手机图标切换设备仿真
点击手机图标后,我们可以看到变成手机端浏览模式了,可选iPhone、iPad,三星等不同机型,也可以点击列表最下面的Edit添加自定义机型
可自定义长宽比例,还可以上下页面滑动模拟手机端访问
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作有参考学习价值
喜欢请点击上方【分享】,如果对您有帮助可点击上方【打赏】打赏本站。谢谢大家对阿豪运维笔记的支持。