[Responsive web design] 2 phương pháp kiểm tra website tương thích với đa thiết bị

2 phương pháp kiểm tra website tương thích đ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

  1. 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

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

Kiểm tra repsonsive trên trình duyệt

  1. 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 ở phiên bản Small Tablet ngang

Website http:/phanvancuong.com trên Iphone 7 Plus

Website http:/phanvancuong.com trên Iphone 7 Plus

 

Hiển thị menu responsive 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

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

>