你好,欢迎访问我的博客!登录 读者墙 文章归档 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - Web前端 - 正文 君子好学,自强不息!

利用火狐浏览器测试自适应网页

2017-01-25Web前端墨初1256°c
A+ A-

随着科技的发展与进步出现了越来越多的不同分辨率的显示设备,比如不同分辨率的手机,IPAI,笔记本等,虽然这些设备给我们的生活带来了很多的便利,但对我们一些做前端web的人来说,与不是一件很多的事情。

不同分辨率显示设备的新增让我们这些苦逼的站长们不得不对每一种的分辨率显示设备进行兼容与优化,而自适应网站技术的诞生让我们这些码农们省去了很多的开发精力。今天我们不谈如何去做一个自适应的网页,页是说说如何与调试自适应网页。

利用现代浏览器

在所有的浏览中,除了IE8以下的老旧的浏览器,都已支持了网页的缩放效果。如果你的网页是自适应的,可以通过改变浏览器窗口的大小来查来不同分辨率下网页的显示效果。

利用火狐浏览器

我个人比较喜欢用火狐浏览器来调试网页,因为火狐浏览器的插件比较多,利用其插件可以大大的节省我们的开发时间。

在火狐浏览器中,我比交常用的一个功能就是调试自适应网页,且体方法如下:

1、打开火狐浏览器,按照下图操作

火狐浏览器响应式设计模式

2、点击“开发者”并在其弹出的菜单内选择“响应式设计模式0”选项

火狐浏览器响应式设计模式

3、进入如下图所示的页面中,选择你想调试的分辨率,调试即可

火狐浏览器响应式设计模式

总结一下:火狐的“响应式设计模式”可以自定义我们所需要的分辨率,但是我们制作的响应式页面并不能达到百分之百的完美,我个人已不在支持低分辨率下的设备。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
QR:  利用火狐浏览器测试自适应网页

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。


  登录