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

我们在做网页的时候有时候会做一些手机端的网页，或者是要做一些响应式的网页就是通过电脑手机都使用一个网页来展示，这个时候我们就需要实时的看自己编写网页的实际效果了，今天小编教大家使用火狐浏览器来查看手机端页面的效果的方法。

工具/原料

1

首先我们通过火狐浏览器打开一个网页，这里小编选择的是一个响应式的网页，大家如果有自己的手机端的页面的画也可以打开自己的页面，这里可以看到整个页面是和我们的浏览器是适配的，如下图：
2

然后我们点击火狐浏览器的右上角的三横，弹出快捷菜单，这里我们按照红色箭头指示位置点击 Web开发者，如下图：
3

然后在Web开发者中点击响应式设计模式，如下图：
4

然后我们就进入到了火狐浏览器的响应式设计模式中了，可以看到这里火狐浏览器默认了一种手机屏幕，如下图：
5

按照下图中红色箭头指示位置我们可以选择设备，这里可以选择的设备包括手机、电脑、电视、手表等智能设备，如下图：
6

这里小编小编选择了一个Apple IPhone 6s之后，页面会自动调整为6s手机的屏幕大小，这样就可以看到我们这个页面在6s手机尺寸下的展示效果了，如下图：
7

当然，如果设备中没有我们想要的屏幕尺寸的画，可以在下图中红色箭头指示位置自定义屏幕尺寸，这样就可以看到自己网页在任意自定义屏幕尺寸下的展示效果了，如下图：

END