Hướng dẫn giả lập giao diện mobile cho trang web trên google chrome

Hiện nay, sự ra đời và phát triển 1 cách chóng mặt của những chiệc điện thoại thông minh ngày càng 1 nhanh hơn. Vì vậy hầu hết các nhu cầu đều phát sinh từ đây mà ra.

Đối với những webmaster, việc thiết kế giao diện cho trang web trên mobile cũng là một hình thức phát triển web site. Nhưng có nhiều bạn chưa định hình được web của mình trên mobile như thế nào và cần những gì để phù hợp với customer khi đến với web của mình.

Để giải đáp việc này, xin chia sẻ các bạn 1 mẹo nhỏ để có thể giả lập giao diện trang web trên mobile thông qua trình duyệt google chrome.

Bước 1: Tại trang web của các bạn, click chuột phải chọn " Kiểm tra phần tử" hoặc nhấn F12.

Bước 2: Nhấn nút "ESC" trên bàn phím, và lúc này trên giao diện hiện ra 1 bảng mới. Các bạn chọn tab "Emulation".

huong-dan-gia-lap-giao-dien-web-tren-dien-thoai-1.png


Bước 3: Chọn dòng điện thoại và nhấn vào nút "Emulation" Sau đó xem kết quả.

huong-dan-gia-lap-giao-dien-web-tren-dien-thoai-2.png


Nhấn F5 trang web của bạn và xem kết quả.
 

Forever Alone

Em là cô gái nông thôn
Trên Firefox thì có thể nhấn phím tăt Ctrl + Shift + M để điều chỉnh giao diện khổ mobile
Bản chrome mới nhất thì nó chuyển thành biểu tượng điện thoại rồi
 

Bài viết đang hot

Thống kê

Chủ đề
102,240
Bài viết
469,863
Thành viên
340,404
Thành viên mới nhất
huynguyen...

Bài viết được quan tâm nhiều

Top