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

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.

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

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
Tổng hợp các sản phẩm cho mẹ và bé
Tổng hợp các sản phẩm làm đẹp
Tổng hợp các sản phẩm mỹ phẩm
Tổng hợp sản phẩm dung dịch nano bạc diệt khuẩn hot
Tổng hợp sản phẩm tăng giảm cân hot
Tổng hợp sản phẩm sinh lý nam nữ
Tổng hợp sản phẩm đặc trị