用于测试响应式网站的在线工具

网络 2015-04-17 2495 次浏览 次点赞



请输入图片描述
西昌明日风园艺有限责任公司用以在线推广大马士革玫瑰Ⅲ种苗及产成品的网站。

西昌明日风园艺有限责任公司是以花卉及园艺产品生产加工出口一体化经营的高新技术企业、四川省重点龙头企业 ,国家发改委、国家外国专家局“出口油用玫瑰示范推广基地”。公司主要从事大马士革玫瑰油等天然香料提取、天然色素洋红提取和出口种子及种苗生产。网站由欣宇时代(HI-ERA)于2014年3月于成都开始项目策划及创意制作。2014年5月1日正式上线运营。网站基于响应式Web设计(Responsive Web design)理念进行前端开发,全面通过w3.org的WEB标准化测试和responsinator.com的响应式测试,并集成专业CMS平台,全站静态快速响应访问及友好的SEO优化。

www.mingrifeng.com网站已于2015年3月整体移交客户自主维护,可能已发生不确定性更改。

请输入图片描述
Responsinator

http://www.responsinator.com/
The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices.

请输入图片描述
quirktools

https://quirktools.com/screenfly/
Last but not least, a great tool for testing and you can share with stakeholders for immediate feedback.

请输入图片描述
responsivetest

http://responsivetest.com/
Responsive design allows a single Web page to be optimized for multiple devices: desktop, tablets, smart phones.

请输入图片描述
CSS Chopper Responsive

http://lab.csschopper.com/responsive/
An easy to use tool for checking and testing your responsive design in various resolutions.

请输入图片描述
Responsive

http://responsive.victorcoulon.fr/
A handy tool for responsive design testing. RWD Bookmarklet Drag the link above into your bookmarks bar.

请输入图片描述
Screen Queri

http://screenqueri.es/index.php
Pixel Perfect Media Query Debugging Tool Test Responsive Designs Across 60+ Device Viewports.

请输入图片描述
responsivetest

http://responsivetest.net/
ResponsiveTest is a simple tool allowing us to view a responsive web design in various resolutions.

请输入图片描述
Responsivepx

http://responsivepx.com/
It's a web-based tool where you enter the URL (local or online; both work) and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design.

请输入图片描述
mattkersley[/caption]

http://mattkersley.com/responsive/
This tool has been built to help with testing your responsive websites while you design and build them.
You can enter your website’s URL into the address bar at the top of this page (not your browser’s address bar) to test a specific page.

👍



本文由 泰丽康健 整理发布,参考 CC-BY-SA 3.0 协议共享,欢迎转载、引用或改编。
感谢您的支持,以让我们共同致力于互联网的商业观点和事业创新!

楼主残忍的关闭了评论