欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

FireFox浏览器,如何以手机模式 手机模拟器 访问网站? 有大用 有大大用

之前我们知道使用Chrome浏览器,是可以让其模拟手机浏览器来访问网站的,这对于开发人员用来测试网站在手机端的效果是非常有用,非常方便的。

其实除了Chrome浏览器有这个功能外,FireFox浏览器也是有这个功能的,下面我们来看一下怎么操作。

方法/步骤
       

  1. 1

    在浏览器里打开一个网站,然后右键点击,点击菜单上的‘查看元素’

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

    点击后,就会打开了浏览器的开发者工具了,这个是浏览器自带的工具。

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

    点击这个工具右边的响应式按钮。

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

    点击后,我们的页面就缩小了,显示成手机大小的页面了。但默认是没有选择任何设备的。

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

    点击弹出下拉框,在这里可以选择各种手机设备,我们可以选一个苹果手机的型号来测试一下。

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

    选择后,我们的网页还会切换到手机版了。还可以点击右上角的模式切换按钮。

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

    点击后,就变成横板模式了,即相当于把手机横拿,页面显示了更宽的内容。

    FireFox浏览器,如何以手机模式访问网站?                    
    END                
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
举报作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。


来自  https://jingyan.baidu.com/article/25648fc17a39619191fd000d.html



Firefox 怎么切换成手机模式

用手机模式(或者移动设备)访问Firefox网页

工具/原料
       

  • Firefox 4.42.0.0

方法/步骤
       

  1. 1

    双击Firefox浏览器进入页面

    Firefox 怎么切换成手机模式                    
  2. 2

    点击右侧的菜单按钮-->web开发者-->响应式设计模式

    进入手机模式

    Firefox 怎么切换成手机模式                    
    Firefox 怎么切换成手机模式                    
    Firefox 怎么切换成手机模式                    
  3. 3

    点击设备型号可更改设备

    Firefox 怎么切换成手机模式                    
    Firefox 怎么切换成手机模式                    
  4. 4

    还可以点击编辑列表获得更多移动设备型号,勾选保存即可

    Firefox 怎么切换成手机模式                    
    Firefox 怎么切换成手机模式                    
    Firefox 怎么切换成手机模式                    
  5. 5

    解除移动设备模式可将响应者模式勾取消

    END                

方法/步骤2
       

  1. 1

    打开网页,按F12

  2. 2

    点击"手机"图标

    Firefox 怎么切换成手机模式                    
    Firefox 怎么切换成手机模式                    
    Firefox 怎么切换成手机模式                    
  3. 3

    接下来其余步骤与第一种方法相同

  4. 4

    解除移动设备模式可再次点击"手机"图标

    END                
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
举报作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。


来自  https://jingyan.baidu.com/article/3f16e00320e8b02591c103d3.html

普通分类: