课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

  • 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年的四大移动端设计趋势

最新开班日期  |  更多

UI设计培训周末班

UI设计培训周末班

开班日期:7月31日

UI设计培训全日制班

UI设计培训全日制班

开班日期:7月31日

UI设计培训高级班

UI设计培训高级班

开班日期:7月31日

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:7月31日

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-111-8989
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56