Thủ Thuật‎ > ‎

Test giao diện web trên các thiết bị mobile với Chrome Emulation



    Hiện nay có rất nhiều loại thiết bị mobile, với rất nhiều kích cỡ màn hình và được cài các loại browser khác nhau, vậy làm sao để kiểm tra được hiệu ứng trên trang web mình có bị lag khi sử dụng trên mobile hay không?  Các thành phần hiển thị có đúng vị trí hay không?, Làm sao để kiểm tra các hiệu ứng liên quan đến gia tốc, vị trí GPS mà không phải test trên từng thiết bị thật.

Hôm nay mình sẽ giới thiệu đến các bạn công cụ Emulation trên Chrome mà rất nhiều người không biết đến.

Chrome Emulation cung cấp gần như đầy đủ các loại thiết bị và browser, sau đây là cách sử dụng:

Bước 1: mở Dev tools trên chrome


trên window : F12
trên Mac: Cmd + opt + I

Bước 1: mở Drawer




Bước 3: Chọn Emulation tab




Bước 4: Chọn thiết bị 


(Sau khi chọn thiết bị, bạn nhấn nút Emulate)

Bước 5: Refresh lại trang web




Một số chức năng khác:


Xoay màn hình




Tuỳ chọn browser




Giả lập vị trí GPS, Giả lập cảm ứng gia tốc.




Chia sẻ với bạn bè:



@Nguyễn Văn Toản - Vnaking 
Địa chỉ mới của trang web: http://www.vnaking.com 
Không thể tìm thấy URL thông số tiện ích

Comments