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

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

1548 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à “https://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.

THAM KHẢO THÊM CÁC SẢN PHẨM HOT NHẤT HIỆN NAY
Giày Cafe SHOEX
Hạ Khang Đường - Ổn định đường huyết
Saffron Extra White
Cốc Nguyệt San BEUCUP
Maxi White
Fysoline - Nước muối sinh lý dành cho bé sơ sinh và trẻ nhỏ
Mặt nạ thon mặt Vline
Finava - Tinh chất vàng sáng da, trị nám ngăn ngừa lão hoá
Trị Mụn Caryophy
Rong Nho Sabudo
Son YUMEISAKURA
Máy Khử Mùi MARKEL
Orlavi - Làm mờ sẹo
Dottorprimo - Trị các vết sẹo nặng
ZEN - Sản phẩm giúp hỗ trợ giảm căng thẳng
Nồi Chiên Không Dầu COSORI
Nồi Chiên Không Dầu LOTTE
Dưỡng Trắng RealWhite
Máy rửa mặt Pebble Lisa
Dầu Gội Nature Quen - Sao Thái Dương