南昌UI培训
达内南昌中心

0571-56020837

热门课程

9个超好用的响应式网页测试工具

  • 时间:2015-09-29
  • 发布:南昌达内
  • 来源:达内培训


    响应式设计可以说是现代网站的标配,网站搭建完成后,想要测试出响应式的变化效果,实际设备来测试不现实,所以达内推荐了9款实用可靠的响应式网页测试工具,来帮助网页设计师。

    1. Responsive Design Bookmarklet

    一款简单而高效的测试工具,如果需要测试网站,只需要将要测试的网站书签拖拽到浏览器当中,通过一个虚拟键盘来设置长宽比来进行测试,关键是浏览器无需开着。

    2. resizeMyBrowser

    有着15中不同比例的浏览器参数,测试工具有着友好的界面,用户可以自己设置特定的浏览器参数以便于测试。

    3. The Responsive Calculator

    又名“响应式计算器”实现了一键测试的强大功能。它可以将像素转化为百分比,把设计好的PSD文档导入浏览器,能合理的协调比例和视觉效果。

    4. Responsinator

    Responsinator 这一工具可以帮你测试网站针对不同屏幕不同平台的响应是否良好,内置iPhone、Andoird、iPad、Kindle、浏览器等不同平台的参数用于测试。测试只需放入URL,非常方便。

    5. Respondr

    类似于以上几个工具,粘贴URL,选择设备就可以进行测试网页在不同设备上的展现效果。

    6. Designmodo Responsive Test

    Designmodo 相应工具内置了主流平台的参数,允许用户修改尺寸参数做测试,从而能够在各平台实现对响应式网页的测试。

    7. responsivepx

    responsivepx能够帮助用户检测明确的断点、搞定CSS查询的可用性,并且针对网站或者APP定制尺寸,测试其响应式的效果。

    8. Screenfly

    由QuirkTools所开发的Screenfly,可以帮网页设计师测试网页在移动端、平板、电视和台式电脑上的显示效果和兼容性。
    
    9. Viewport Resizer

    Viewport Resizer可以轻松调整显示尺寸和网页内容。将链接输入测试工具,一切就可以解决了。
   
上一篇:没有上一篇了
下一篇:2015年的四大移动端设计趋势

2015年的四大移动端设计趋势

UI设计师如何提升时间效率

提高用户体验的3个魔鬼细节

色彩心理学与网页设计

选择城市和中心
贵州省

广西省

海南省