首页 > 电脑专区 > 电脑教程 >

FireFox浏览器,如何以手机模式访问网站

来源:互联网 2023-02-21 23:14:32 390

之前我们知道使用Chrome浏览器,是可以让其模拟手机浏览器来访问网站的,这对于开发人员用来测试网站在手机端的效果是非常有用,非常方便的。mbo办公区 - 实用经验教程分享!

其实除了Chrome浏览器有这个功能外,FireFox浏览器也是有这个功能的,下面我们来看一下怎么操作。mbo办公区 - 实用经验教程分享!

0Chrome浏览器,如何模拟手机浏览器访问网站?mbo办公区 - 实用经验教程分享!

方法/步骤

  • 1

    在浏览器里打开一个网站,然后右键点击,点击菜单上的‘查看元素’mbo办公区 - 实用经验教程分享!

    FireFox浏览器,如何以手机模式访问网站?mbo办公区 - 实用经验教程分享!

  • 2

    点击后,就会打开了浏览器的开发者工具了,这个是浏览器自带的工具。mbo办公区 - 实用经验教程分享!

    FireFox浏览器,如何以手机模式访问网站?mbo办公区 - 实用经验教程分享!

  • 3

    点击这个工具右边的响应式按钮。mbo办公区 - 实用经验教程分享!

    FireFox浏览器,如何以手机模式访问网站?mbo办公区 - 实用经验教程分享!

  • 4

    点击后,我们的页面就缩小了,显示成手机大小的页面了。但默认是没有选择任何设备的。mbo办公区 - 实用经验教程分享!

    FireFox浏览器,如何以手机模式访问网站?mbo办公区 - 实用经验教程分享!

  • 5

    点击弹出下拉框,在这里可以选择各种手机设备,我们可以选一个苹果手机的型号来测试一下。mbo办公区 - 实用经验教程分享!

    FireFox浏览器,如何以手机模式访问网站?mbo办公区 - 实用经验教程分享!

  • 6

    选择后,我们的网页还会切换到手机版了。还可以点击右上角的模式切换按钮。mbo办公区 - 实用经验教程分享!

    FireFox浏览器,如何以手机模式访问网站?mbo办公区 - 实用经验教程分享!

  • 7

    点击后,就变成横板模式了,即相当于把手机横拿,页面显示了更宽的内容。mbo办公区 - 实用经验教程分享!

    FireFox浏览器,如何以手机模式访问网站?mbo办公区 - 实用经验教程分享!

  • 7该信息非法爬取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!mbo办公区 - 实用经验教程分享!


    标签: 浏览器浏览模式访问

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码