Asked Oct 9th, 2019 2:18 a.m. 130 1 3
  • 130 1 3
0

Hỏi về website responsive

Share
  • 130 1 3

Cho mình hỏi là: mình thấy có nhiều website, khi truy cập bằng máy tính, cố tình resize cho cửa sổ trình duyệt nhỏ lại để kiểm tra nó responsive hay ko thì thấy nó KHÔNG. Nhưng khi dùng điện thoại để truy cập thì nó lại trả về website dành cho di động. Nghĩa là họ làm cả 2 website: 1 cho desktop và 1 cho di động ạ? Kỹ thuật này gọi là gì ạ? Và nó có ưu nhược điểm j so với responsive trên cùng 1 website duy nhất. Em gà, thông não giúp em với. Cảm ơn ạ.

3 ANSWERS


Answered Oct 9th, 2019 2:25 a.m.
+1

Ưu điểm ở đây có thể tùy biến giao diện khác đối với nền tảng mobile, còn dạng responsive thì giao diện mobile và máy tính vẫn có chút tương đồng. Ví dụ như Facebook, có các domain khác nhau hỗ trợ đủ loại thiết bị. Kỹ thuật này được gọi là Adaptive Design chi tiết tham khảo thêm để hiểu rõ hơn về ưu nhược điểm https://www.venturawebdesign.com/responsive-vs-mobile-website-design/

Share
Avatar Dũng @quocdungabc
Oct 9th, 2019 2:39 a.m.

Đúng nó rồi. Thanks pác nhiều nha. Thế là mình đã hiểu sơ về khái niệm.

+1
| Reply
Share
Avatar Nguyen Duong @NimDuong
Oct 9th, 2019 9:35 a.m.

Đúng rồi, hầu hết website sẽ dùng css để tối ưu giao diện cho website dựa trên độ phân giải của màn hình ví dụ https://growupwork.com. Cách này nhanh gọn nhẹ, không tốn thêm nhiều resource. Một số khách build nền tảng riêng cho mobile như mấy trang m.facebook.com khi detect được user dùng mobile là nó redirect sang luôn url mới. Cách này hơi xưa, tốn nhiều resource, tuy nhiên vẫn rất hiệu quả, nhất là dành cho các trang lớn.

0
| Reply
Share
Answered Oct 9th, 2019 2:21 a.m.
0

Chắc khái niệm bạn đang tìm là Progressive Web Apps phải không ?

Share
Avatar Dũng @quocdungabc
Oct 9th, 2019 2:30 a.m.

ah mình dùng google dịch để đọc thử mà ko hiểu lắm, chắc chưa đủ kiến thức. Thanks bạn nha. Dạng như trang dantri.com.vn nó ko reponsive trên web nhưng dùng phone truy cập thì nó force dẫn tới m.dantri.com.vn Hoặc trang lienminh.garena.vn cũng vậy nhưng nó dùng 1 địa chỉ web duy nhất, chứ ko xài m. như dantri

0
| Reply
Share
Answered Oct 9th, 2019 4:59 a.m.
0

Nói chung là họ nhận diện thiết bị qua request header: User-Agent

Từ đó mà họ có thể redirect đến url cho thiết bị hoặc load theme phù hợp

  • Ưu điểm: Nhanh, nhẹ (Không phải tải hết các tài nguyên không cần thiết như responsive, tối ưu được image, ...)
  • Nhược: Tốn thời gian, tiền bạc (làm giao diện mới, bổ sung module), bảo trì phức tạp
Share
Avatar Phạm Đắc Duy @fifaonlinehp1
Oct 22nd, 2019 1:39 p.m.

Bác nào code được phần mua sản phẩm xong lưu vào dữ liệu không giúp mình với. Bác nào làm được cứ cho giá . Web mình đây Bàn ghế inox giá rẻ Hà Nội

0
| Reply
Share
Viblo
Let's register a Viblo Account to get more interesting posts.