Công cụ hỗ trợ kiểm tra & chụp ảnh Giao Diện Web Responsive 26/08/2014

Công cụ hỗ trợ kiểm tra & chụp ảnh Giao Diện Web Responsive

Hôm nay iTOOL muốn giới thiệu với mọi người một công cụ nhỏ, khá hay. Giúp xem nhanh trang web của bạn trên nhiều kích thước màn hình khác nhau, từ desktop, tablet đến di động. Hơn nữa là dễ dàng, để chụp ảnh màn hình web responsive và gửi cho khách hàng hoặc đối tác.

Đầu tiên bạn truy cập vào trang (http://ami.responsivedesign.is)

Điền địa chỉ trang web của bạn vào như hình. Như mình điền là “http://itool.vn”. Bạn chưa up web lên host, vẫn có thể điền “http://localhost/” vào.
 
Công cụ hỗ trợ kiểm tra & chụp ảnh Giao Diện Web Responsive

Đợi một lát, và bạn sẽ thấy trang web của mình hiển thị trên màn hình các thiết bị bên trên. Dùng một công cụ chụp ảnh màn hình, chụp là, và cắt ra. Bạn sẽ được thành phẩm như hình bên dưới.
 
Công cụ hỗ trợ kiểm tra & chụp ảnh Giao Diện Web Responsive

Về nguyên lí hoạt động thì mỗi các màn hình như vậy là một thẻ iframe. Với thiết lập viewport khác nhau. Quá đơn giản và tiện dụng.
Facebook chat