Trang chủ » Thủ thuật » Công cụ hỗ trợ kiểm tra & chụp ảnh Giao Diện Web Responsive
loading...

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

482 Lượt xem

Hôm nay mình 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 web tiện ích sau:

http://ami.responsivedesign.is

Điền địa chỉ trang web của bạn vào như hình. giáo trình hay điền là “http://giaotrinhhay.com/”. Bạn chưa up web lên host, vẫn có thể điền “http://localhost/” vào.

giao-trinh
Điền địa chỉ

Đợ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.

giao-trinh-hay
Thành phẩm sau khi chụp và cắt ảnh

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.

loading...
Có thể bạn chưa xem