怎样使用火狐浏览器查看手机端页面的效果

 时间:2024-10-16 04:44:45

1、首先,我们需要一个制作好的手机端页面(应该是响应式的吧),然后我们右击选择用此浏览器打开。

怎样使用火狐浏览器查看手机端页面的效果

2、然后,我们就会在ff浏览器中看到这个页面。默认情况下页面是占据了整个屏幕的宽度,不便于我们查看其在手机端的显示效果

怎样使用火狐浏览器查看手机端页面的效果

3、我们需要调出ff浏览器的手机端效果预览窗口。我们有两种方法可以使用,一种是使用快捷键的方法。ctrl+shift+m

怎样使用火狐浏览器查看手机端页面的效果

4、还有一种是我们找到响应式布局的选项卡,我们可以在浏览器右上角的三条横线中,点击,然后选择开发者,会有一个侧边栏显示响应式设计视图。

怎样使用火狐浏览器查看手机端页面的效果

5、我们进入到手机端页面的查看窗口后,可以看到手机端大小的显示效果,并且可以选择不同的手机端屏幕尺寸。

怎样使用火狐浏览器查看手机端页面的效果

6、除了看手机的竖屏效果,我们还可以选择查看手机端的横屏效果,我们只需要点击红色线圈出的范围即可。

怎样使用火狐浏览器查看手机端页面的效果

7、这样我们就可以在pc端看到手机端的不同显示效果,也可以自行定义手机端屏幕的大小,很是方便,快捷的。

  • 正统三国如何装备武器
  • nodejs连接sqlserver数据库简单封装
  • 适合在阳台上种的菜
  • 肥牛洋葱土豆的做法
  • java的开发环境的搭建
  • 热门搜索
    森林报手抄报 手抄报黑白版面设计 我爱我班手抄报内容 有关水的手抄报 传统文化手抄报资料 低碳环保手抄报图片 感恩教育手抄报内容 日行一善手抄报名言 寒假手抄报大全 庆五一手抄报内容