使用firefox的webide插件和firefox os模拟器调试移动端网页

众所周知,firefox前两年搞出一个firefox os的手机操作系统,所有应用基于html5开发。虽然系统没火起来,但是由于与firefox基因高度一致,如果你觉得手机插一条usb线高度移动端网页太麻烦,使用安卓模拟器调试也太麻烦,可以用firefox os试试。

本文就简单讲讲使用firefox的web ide工具进行移动端网页调试的方法。

步骤:
1.电脑端安装firefox浏览器
2.电脑端firefox浏览器安装webide插件
3.打开webide插件。窗口上的菜单按钮->开发者->webide,或者直接shift+f8
firefox的webide插件与fireos调试移动端网页1.jpg

4.安装firefox os
看到右边的"安装模拟器"按钮,点进去。
firefox的webide插件与firefox os调试移动端网页2.jpg
在这里我安装的是firefox os2.0,等上10分钟。

5.选择模拟手机型号
安装完后,点击模拟右边的齿轮。
不得不说,firefox os还是很强大的,可以模拟google nexus、中兴、三星、htc等多款手机型号。
firefox的webide插件与firefox os调试移动端网页3.jpg

6.调试
启动firefox os模拟器,可以看到一个完整功能的firefox os界面。
firefox的webide插件与firefox os调试移动端网页.jpg

打开模拟器的浏览器,firefox中出现调试界面。与firebug一样,用箭头点到哪里,就会显示当前元素的html代码。
firefox的webide插件与firefox os调试移动端网页4.jpg

标签: 移动端网页调试, firefox网页调试, webide网页调试, fireos网页调试

添加新评论