如何使用firefox浏览器模拟手机屏幕大小

 时间:2024-10-28 15:22:10

在开发手机网页时,为了方便,通常大部分时间都在电脑上进行测试。firefox在这方声矜檠鹣面为开发者提供了很好的支持,可以模拟手机屏幕大小,使我们可以很好的进行响应式设计的测试。下面介绍一些设置方法

工具/原料

firefox浏览器

方法/步骤

1、单击右键,选中菜单中的“查看元素”

如何使用firefox浏览器模拟手机屏幕大小

2、单击下方窗口右上角工具栏中的“停靠到浏览器窗口的侧边”

如何使用firefox浏览器模拟手机屏幕大小

3、单击右侧窗口右上角工具栏中的“响应式设计模式”

如何使用firefox浏览器模拟手机屏幕大小

4、这时左边的浏览器窗口已变成手机屏幕大小,上方的是当前屏幕宽x高(单位:像素)

如何使用firefox浏览器模拟手机屏幕大小

5、我们可以修改成自己想要的大小,改好后回车即可

如何使用firefox浏览器模拟手机屏幕大小

6、单击图中红框内的按钮可以旋转屏幕,方便测试手机横屏状态

如何使用firefox浏览器模拟手机屏幕大小

7、单击图中红框内的按钮可以屏幕截图,更多功能留给大家自己发掘吧

如何使用firefox浏览器模拟手机屏幕大小

JAVA如何把HashMap内容输出到文本文件 Word2003怎么同时打开多个文档 Evernote2OneNote,印象笔记导入OneNote方法 发送消息-点击按钮 手机信号上的“E”是什么意思
热门搜索
油茶图片 男性图片 手绘海报图片 日元图片 马里奥图片