Hướng dẫn kiểm tra website trên giao diện mobile không cần phần mềm

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Kiểm tra website trên giao diện mobile không cần phần mềm
cfajcabfbaajahCH_huong-dan-cach-xem-website-da-co-phien-ban-mobile-hay-chua.jpg

Website của bạn nhìn rất đẹp, vừa vặn trên màn hình laptop hay PC, nhưng nếu muốn xem thử website trên các thiết bị di động thì sao? Trong bài viết dưới đây, HĐV sẽ giới thiệu đến các bạn tính năng thú vị, tiện dụng này trên trình duyệt Cốc Cốc.

0cfajcabfbabaacCH_huong-dan-cach-xem-website-da-co-phien-ban-mobile-hay-chua.png


Cách thứ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 Kiểm tra phần tử (Inspect element), hoặc bấm tổ hợp phím tắt Ctrl + Shift + I:

1cfajcabfbabaacCH_huong-dan-cach-xem-website-da-co-phien-ban-mobile-hay-chua.png

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 đó:
2cfajcabfbabaadCH_huong-dan-cach-xem-website-da-co-phien-ban-mobile-hay-chua.png

Sau đó trình duyệt sẽ chuyển website của bạn về giao diện mobile, ở đây là website mình có sẵn giao diện mobile nên hình ảnh và bố cục sắp đặt sẽ thay đổi khác với khi chúng ta xem bằng destop
3cfajcabfbabaadCH_huong-dan-cach-xem-website-da-co-phien-ban-mobile-hay-chua.png

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ợ:
4cfajcabfbabaadCH_huong-dan-cach-xem-website-da-co-phien-ban-mobile-hay-chua.png

 
  • Like
Reactions: THB

Top Bottom