火狐浏览器设置成手机页面

时间:2024-10-13 23:12:18

1、首先准备一个WebApp站点,我们可以看到在手机里查看是正常的

火狐浏览器设置成手机页面

2、这时候我们把这个WebApp的网站地址,拿去火狐浏览器访问之后,发现样式有些乱了

火狐浏览器设置成手机页面

3、不用慌,我们可以按F12,设置到手机模式,直接页面上按【F12】,弹出开发设计器

火狐浏览器设置成手机页面

4、为了好看,我们先把位置改成【停靠到右侧】

火狐浏览器设置成手机页面

5、然后再点右上角的【手机图标】

火狐浏览器设置成手机页面

6、就能调出火狐浏览器里面的【手机模式】了

火狐浏览器设置成手机页面

7、我们还能在上面修改,模拟哪种手机的浏览模式,很方便吧

火狐浏览器设置成手机页面

8、总结1、浏览器访问手机站点时,按F12弹出开发人员管理器2、选择右上角的手机模式图标,点一下,即可进入手机浏览器模式3、上方还能选择模拟的设备型号

© 手抄报圈