Yêu cầu thg 10 9, 2019 2:18 SA 139 1 3
  • 139 1 3
0

Hỏi về website responsive

Chia sẻ
  • 139 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 CÂU TRẢ LỜI


Đã trả lời thg 10 9, 2019 2:25 SA
+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/

Chia sẻ
Avatar Dũng @quocdungabc
thg 10 9, 2019 2:39 SA

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

Avatar Nguyen Duong @NimDuong
thg 10 9, 2019 9:35 SA

Đú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.

Đã trả lời thg 10 9, 2019 2:21 SA
0

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

Chia sẻ
Avatar Dũng @quocdungabc
thg 10 9, 2019 2:30 SA

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

Đã trả lời thg 10 9, 2019 4:59 SA
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
Chia sẻ
Avatar Phạm Đắc Duy @fifaonlinehp1
thg 10 22, 2019 1:39 CH

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

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí