Website của bạn sẽ nhìn như thế nào trên mobile?

Kiểm tra trước xem trang web hiển thị trên điện thoại có giống trên máy tính hay không

Website của bạn nhìn rất đẹp, vừa vặn trên màn hình desktop, nhưng nếu muốn xem thử trên mobile thì sao? Trong bài viết dưới đây, Quản Trị Mạng sẽ giới thiệu với các bạn tính năng thú vị, tiện dụng này trên trình duyệt Google Chrome.

Các bước tiến hành:

Trước tiên, các bạn mở trình duyệt Google Chrome hoặc Cốc Cốc lên, truy cập vào trang web cần kiểm tra. Sau đó nhấn chuột phải vào bất kỳ chỗ nào trên website, chọn Inspect element, hoặc bấm phím tắt Ctrl + Shift + I:

mở website

Thanh công cụ hiển thị, tại đây các bạn sẽ thấy có icon điện thoại như hình dưới, bấm vào đó:

thanh Inspect Element 

Và đây là kết quả của chúng ta:

kiểm tra website trên mobile

Tại màn hình này, các bạn có thể thay đổi các thông số tùy thích như kích thước màn hình, các model thiết bị có sẵn được hỗ trợ:

 

Thật tiện lợi phải không nào? Dựa vào tính năng sẵn có trên Google Chrome hoặc Cốc Cốc, chúng ta có thể thoải mái kiểm tra việc hiển thị của website trên điện thoại di động, máy tính bảng mà không cần thiết bị hỗ trợ bên ngoài. Chúc các bạn thành công!

Thứ Hai, 07/09/2015 15:58
51 👨 3.191