派琪网络传媒-高端网站建设与网络营销服务商
专注更高品质上海网站建设
与网络推广营销服务商

如何免费测试自适应网页设计(上)

时间: 2013-08-19 分类: 网站设计 浏览次数: 912
分享到:

上海网站建设 上海网站设计(www.paiky.net)   “停止调整浏览器的大小,你会精疲力尽的!”有多少次你听到这句话?好吧...

上海网站建设 上海网站设计www.paiky.net

 

“停止调整浏览器的大小,你会精疲力尽的!”有多少次你听到这句话?好吧好吧,也许没有那么多的时间,但如果你开发过自适应网页设计的网站,你知道我在说什么:你来回拖动浏览器每个DOMCSS编辑,测试变化和寻找任何打破。

 

最终,这种努力的目的是用来模仿不同设备的屏幕尺寸。

 

如果你正在做企业发展,你可能有各种各样的公司所提供的设备上进行测试。我在那里工作,我们有一个iPadiPod的,一个或两个其他平板电脑,笔记本电脑和台式机。如果你没有这样的奢侈配件,你必须利用拥有的一切。

 

在我的家里,我们有两个不同的笔记本电脑,两个不同的Android设备,Kindle和一台Nexus 7。这是我使用的设备来测试我的自适应网页,但很明显,这不是一个全部的配套。没有所有的iOS设备,我也不打算买IPHONE/ phablet /平板电脑。

 

那么,什么是一个开发商做的?值得庆幸的是,有越来越多的基于浏览器的工具,可用来模拟各种各样的设备的屏幕尺寸。不同的工具都具有不同功能和不同的效用水平,当然。在这里,我们来看看其中几个。

 

 

 

我自适应了吗?

 

我自适应了吗? 即时查看您的网站,因为它会显示在四个不同的设备。所有四个是iOS上,开发人员解释说,焦点聚集在网站上。它没有提供控制和选择,只是一个很简单的,优雅的演示。

 

视口大小

 

· 桌面 - 1600×992px缩减规模(0.3181

 

· 笔记本电脑 - 1280×802px缩减规模(0.277

 

· 平板 - 768×1024px缩减规模(0.219

 

· 手机 - 320×480px缩减规模(0.219

 

引用开发商的话,“这不是一个测试工具,在真实设备上,它是非常重要的。相反,这是一个进行快速截图工具(对我来说),在视觉上让人们'知道'表达的什么意思。“

 

两个非常不错的功能,无论你想哪个在屏幕上都可以拖动“设备”的能力,并且能够嵌入一个链接,您可以分享您的试验。在Firefox中,至少测试的结构中,在iPhone上的侧滚动不显示,但它在IEChrome显示的。sssdf

 

未完待续......

未经允许不得转载:派琪PAIKY