Cảm ơn

Tìm kiếm: Không lập chỉ mục một số phần của HTML Tôi có một trang web đáp ứng.

Rất nhiều nội dung bị ẩn tùy thuộc vào kích thước màn hình.

Điều này làm chậm tốc độ trang.Và trên các thiết bị chậm có nhiều nội dung thay đổi trong khi nội dung bị ẩn/hiển thị.

Trong drupal 7, tôi đã sử dụng cap trình duyệt, để phát hiện xem trình duyệt là thiết bị di động hay máy tính để bàn và không thể hiển thị các khối/nội dung mà không phải ẩn chúng qua CSS.

Có cách nào trong Drupal 9 chỉ tải nội dung cho một số thiết bị nhất định, thay vì sử dụng điểm ngắt và css để ẩn nội dung không?

https://github.com/serbanghita/Mobile-Detect/ liệt kê một số mô-đun Drupal trong README của nó, một trong số đó là Drupal 8/9 đã sẵn sàng: phát hiện điện thoại di động. Bộ tính năng tuyệt vời và thậm chí cả khả năng lưu vào bộ nhớ cache đã được quan tâm.

PHP

$md = \Drupal::service('mobile_detect');
$is_mobile = $md->isMobile();
$is_tablet = $md->isTablet();

Phần mở rộng cành cây

{% nếu is_mobile() %}
{% nếu is_tablet() %}
{% if is_device('iPhone') %}
{% nếu is_ios() %}
{% nếu is_android_os() %}

Giới thiệu về bối cảnh bộ đệm:

Theo thiết kế, mô-đun lõi "Bộ đệm ẩn trang nội bộ" giả định rằng tất cả các trang được cung cấp cho người dùng ẩn danh sẽ giống hệt nhau, bất kể việc triển khai ngữ cảnh bộ đệm ẩn.

Nếu bạn muốn sử dụng bối cảnh bộ đệm mobile_detect để thay đổi nội dung được cung cấp cho vô danh người dùng, "Bộ đệm trang nội bộ" phải bị vô hiệu hóa và tác động hiệu suất đòi hỏi phải phát sinh.

Thêm thông tin: https://www.drupal.org/docs/drupal-apis/cache-api/cache-contexts