随着移动互联网的爆发,移动端的布局成了大多数企业的刚需,而手机网站也慢慢成为一个营销企业的标配,包括百度、当当网在内的很多网站,移动端流量已经超过PC端流量,越来越的企业都在建立和完善自己的手机网站,抢占市场!
然而一个手机网站做出来不能直接就全面上线,不同终端预览效果、网页性能、网页兼容性.......等等都很大程度上决定了用户体验,最终决定 手机网站的成功,而且就算已经上线,也需要不断的去检测与调整。因此,我们需要一些工具来预览和测试移动网站,下面木木就给大家推荐几个手机网站在线预览 测试工具,排序不分先后。
1、Responsinator
只要打开Responsinator这个网站,在上端的输入框中输入你想测试的网站URL,接下来点击搜索框旁边的GO按钮就可以在各种移动设备模拟器上看到你网站的预览效果了!而且手机网站在每个移动设备模拟器上是实时同步更新的时间。
Responsinator上集合了包括 iPhone、Android、iPad、Kindle 在内的多种模拟器。并且同时提供了每款模拟器的横、竖屏、及对应尺寸。方便用户真实预览,测试手机版网站在每个移动设备上的效果。
2、Mobitest
Mobitest是一个免费的移动Web性能测试工具,是真正的在iPhone和Android代理的移动设备上浏览你的网站并进行性能分析, 只需注册一个账号输入一个网址,选择的设备/位置选项之一以上,并创下运行。你的页面将在一个真正的移动设备上加载,并且最后你会收到加载详细介绍,包括 瀑布图和页面加载的视频录制。
3、PageSpeed Insights
谷歌PageSpeed Insights工具是一个在线网页性能分析工具,能针对移动设备和桌面设备衡量网页的性能。该工具会抓取网址两次,一次是通过移动设备用户代理,另一次是通过桌面设备用户代理。
输入你的网站,跑网页分析。结束之后,Page Speed会打出一个综合分数,PageSpeed得分范围是从0到100分。分数越高,代表性能越好。然后提供一套总结报告,你可以逐个点击查看。详情 可以参考《谷歌PageSpeed Insights让网站在移动端表现更佳》(原文可看),不过现在进谷歌需要FQ!
4、百度移动网页评测
说完谷歌,说说百度的移动网页评测工具。
第一个是百度移动建站的网页评测工具,在输入框中输入你想测试的网站URL就会开始测试,之后百度会根据移动网页情况给出页面质量,并会从各个方面对手机网页进行分析并给出建议。
第二个是百度siteapp,百度siteapp是一个快速将PC网站移动化的工具,顾名思义是可以创建APP的站点,百度推出这个Site App极大的解决了中小网站无法建立APP站点的事实。因此百度siteapp建站工具里的页面优化工具只能用在应用siteapp的网站,直接就可以对 移动网站进行一边测试一边修改。
第三个是百度站长平台的页面优化建议工具,很简单,到百度站长平台页面优化建议直接输入你的网站URL,然后就开始跑分,页面优化建议工具可以检测网页访问速度并给出优化建议。不过,这里不能预览手机网站的页面效果。
5、RWD-Demonstrating
RWD-Demonstrating是一个适合设计师和前端人员使用的在线响应式设计工具,工具使用十分简单,有5个Apple设备选择,分别是iphone、iphone横响模式、iPad、iPad横响模式、桌面电脑模式,简单易用。
6、Free Website Performance
TestFree Website Performance Test 工具是BrowserMob的产品,提供网页加载测试和监测服务,而它的报告信息量也非常大。还有一个特点是,它从全球4个地方ping你的网站,让后给出综合报告。给了你一个全球性的视角。
7、WebPagetest
WebPagetest这个工具是把你的网页加载到不同浏览器上从而测试他们的网页加载速度(浏览器包括了Chrome,Firefox 和IE等不同版本),不仅能测试兼容效果,用户还能选择全球不同的地点打开你的网页的速度。
8、Responsive
Responsive可以快速测试我们建立的移动网站或者响应式网站的效果或者说兼容性,也是一个测试移动网站的有效工具。你可以进入你的网站 的URL到地址栏在页面顶部来测试一个特定的页面。虽然该网站的界面比较丑陋,但是功能还是强大,满足你们的移动网站测试需求。