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

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

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

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

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

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