介绍个好方法: 利用Firefox来看网站在mobile上是如何显示的

by JC on 2015-02-18 09:30 viewed: 186 times
跟着JC学习在美国做business, sales, marketing,请来订阅JC写的剑知商务快报
现在开发网站,都要做responsive design(中文叫做响应式设计)。这个已经在美国开始流行了,但国内也会慢慢开始流行的。所谓responsive design, 就是开发出来的网站,在不同的终端设备上看都很舒服,比如桌面上、手机上或者tablet上,网站都能够展示的很好。而不是说,在手机上看,还需要不断的拉伸,zoom in、zoom out等。

下面就介绍一个很酷的方法,可以利用Firefox浏览器来测试网站responsive design的。在Firefox里,可以按这三个键的组合,就可以看到在mobile情况下网页是个什么样子了:

windows下,同时按住 control shift m

Mac下,同时按住 command option m

另外,这样操作后,还可以点击下拉菜单,选择不同的浏览器尺寸来测试网站。

顺便提一下,如果要测试网站的响应速度的话,可以在Firefox里按 control shift q (windows下) 或者 command option q (Mac下),你就可以看到浏览器总共花了多少时间来下载这篇网页了,这个时间包括下载html的时间,下载图像的时间,下载javascript,css的时间等。

Comments (4)

1. ali2001 2015-02-18 20:13
试了一下,果然很好使,JC太有才了~~~
2. JC 2015-02-18 20:47
哈哈,我这也是刚刚知道的,现买现卖吧。
3. qianli 2015-02-19 09:55
问一个问题,国内的网站多如牛毛,用手机的客户远远超过美国,难道这个问题在美国人提出并解决之前,没有一个中国人,中国网络公司解决吗?
你会这个技术吗?
4. JC 2015-02-19 10:38
@qianli, 国内是有网络公司提供responsive design的,但总体来说,给我的感觉是,国内的网站用responsive design来做的没有美国多。Responsive design这个概念也就是最近几年才红火起来的,原先很多网站都是提供一个桌面版,一个手机版,而不是说网站就一个,别管桌面还是手机上看,网站界面都可以适应的。

我现在做的网站,都是responsive的。

本文版权属于剑知商务网。未经我们同意的转载,将追究法律责任。

学习在美国做business, sales, marketing,请来订阅JC写的剑知商务快报

VIP俱乐部

美国business案例分析
美国网站推广技巧
独立电商网站如何推广
独立电商网站seo优化
Email marketing技巧
同其他VIP会员交流
详情请看: 如何加入VIP
About | Join VIP | FAQ | Privacy Policy
Copyright © 2016, All Rights Reserved.