Hướng dẫn giả lập giao diện mobile trên Google Chrome

Chào các bạn,

Hiện nay có một số bạn làm wap nhưng vẫn chưa biết wap mình hiển thị trên các thiết bị di động khác nhau sẽ như thế nào. Trong topic này mình xin chia sẻ cho các bạn một mẹo nhỏ để test giao diện hiển thị của wap trên nhiều dòng di động khác nhau bằng cách dùng tính năng Chrome Emulator có sẳn trên trình duyệt Chrome.

Bước 1: Tại trang wap của mình các bạn click chuột phải và chọn "Kiểm tra phần tử"

Bước 2: Các bạn bấm nút "Esc" trên bàn phím. Lúc này mục kiểm tra phần tử sẽ xuất hiện một bảng mới. Các bạn chọn tab "Emulation"

Bước 3: Chọn dòng điện thoại muốn hiển thị và bấm nút "Emulate" sau đó xem kết quả nhé.

Màn hình bên trên sẽ hiển thị giao diện wap của bạn tương ứng trên dòng máy mà bạn đã chọn. Bạn có thể thao tác "vuốt" như trên đt bình thường.

Có rất nhiều dòng máy cho các bạn test: google nexus, iphone 3 - 4..v..v..

Dùng cho Google Chrome nha các bạn.

Bác nào pro có thể góp ý thêm cho Topic nha.