kết quả từ 1 tới 2 trên 2

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

  1. #1
    Ðến Từ
    Bình Định
    Thành Viên Thứ: 219047
    Giới tính: Nam
    Bài gửi
    1.249

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

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


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

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


    Nhấn F5 trang web của bạn và xem kết quả.
    Quick reply to this message Trả lời       

  2. Đã cảm ơn aloxinh_nb:


  3. #2
    Ðến Từ
    Hà Nội
    Thành Viên Thứ: 96466
    Giới tính: Nữ
    Bài gửi
    2.671

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

    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