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

阿豪运维笔记 21-07-17 691阅读

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

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

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

image.png

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

image.png

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

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

image.png

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

相关阅读

安装SQL Server 2000数据库的时候报错:Command line option syntax error. Type Command /? for Help.解决方案

推荐一款站长必备工具-站长工具浏览器免费SEO插件

ZblogPHP备份迁移到新服务器(空间)图文教程

Win7系统电脑开机网络连接一直转圈圈

在浏览器里面运行命令行之ttyd工具,真香!

吉利20款远景车机系统如何升级安装软件教程

浏览器访问网站图片无法加载提示net::ERR_BLOCKED_BY_CLIENT错误的解决办法

本地电脑如何修改DNS

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