[Responsive web design] 2 phương pháp kiểm tra website tương thích với đa thiết bị
Kiểm tra website tương thích với đa thiết bị là một công việc không thể thiếu trong quá trình xây dựng một website thân thiện người dùng và cả bộ máy tìm kiếm google.
Nhờ những cách kiểm tra này chúng ta có thể dễ dàng kiểm tra tình trạng website của khách hàng hoặc kiểm tra trong quá trình xây dựng dự án web tương thích với đa thiết bị.
Hôm nay tôi chia sẻ đến bạn một số cách kiểm tra website chạy trên đa thiết bị thường dùng
- Sử dụng trình duyệt
- Resize thủ công
Sử dụng chuột thay đổi độ rộng của trình duyệt
Kiểm tra responsive bằng co, dãn độ rộng trình duyệt
- Toggle device toolbar
B1: Click chuột phải lên màn hình chọn Xem phần tử
B2: Click vào Toogle device toolbar
(Được khoanh tròn dưới hình vẻ)
B3: Chọn thiết bị để kiểm tra
Kiểm tra repsonsive trên trình duyệt
- Sử dụng tools
- Maltewassermann
Link: http://lab.maltewassermann.com/viewport-resizer/
B1: Click vào link bookmark
B2: Vào website cần kiểm tra
B3. Click vào phần bookmakt có tên resizer
B4: Chọn thiết bị kiểm tra
Website http://phanvancuong.com ở phiên bản Small Tablet ngang
Website http:/phanvancuong.com trên Iphone 7 Plus
Hiển thị menu responsive trên Iphone 7 Plus
- Mattkersley
Bước 1: Click vào tool Mattkersley
Link: http://mattkersley.com/responsive/
Bước 2: Nhập link trang web
Bước 3: Enter để kiểm tra
Kiểm tra website chạy trên đa thiết bị – http://mattkersley.com
Trên đây là những cách phổ biến giúp bạn kiểm tra trình trạng chạy trên đa thiết bị của website.
Nếu bạn gặp bất kỳ khó khăn gì hãy comment bên dưới để được hỗ trợ hoặc inbox trực tiếp cho tôi: [Facebook Phan Văn Cương]
P/s: Nếu bạn muốn học online để đi làm một cách nhanh chóng, có thể tham khảo Combo Frontend Online tại đây: https://goo.gl/ag1cRX
