Thuộc tính CSS ẩn của Apple tiết lộ hiệu ứng Liquid Glass trong WebViews, gây tranh cãi về Private APIs

Nhóm Cộng đồng BigGo
Thuộc tính CSS ẩn của Apple tiết lộ hiệu ứng Liquid Glass trong WebViews, gây tranh cãi về Private APIs

Apple đã âm thầm phát triển một thuộc tính CSS riêng tư mang hiệu ứng hình ảnh Liquid Glass mới vào nội dung web trong các ứng dụng iOS . Khám phá này đã châm ngòi cho các cuộc thảo luận về việc Apple sử dụng private APIs và sự hiện diện ẩn của webviews trong toàn bộ hệ sinh thái iOS .

Thuộc tính CSS có tên -apple-visual-effect được phát hiện thông qua kho lưu trữ GitHub của WebKit sau WWDC 2025 . Thuộc tính này cho phép các nhà phát triển áp dụng chất liệu Liquid Glass đặc trưng của Apple vào nội dung web, nhưng có một hạn chế đáng kể - nó yêu cầu kích hoạt cài đặt private API sẽ ngăn cản việc phê duyệt App Store đối với các nhà phát triển bên thứ ba.

Chi tiết thuộc tính CSS

  • Tên thuộc tính: -apple-visual-effect
  • Các giá trị chính: -apple-system-glass-material, -apple-system-blur-material-thin
  • Yêu cầu: Cài đặt useSystemAppearance trong WKPreferences (API riêng tư)
  • Khả năng hỗ trợ: iOS 26 cho hiệu ứng Liquid Glass, các phiên bản trước đó cho vật liệu làm mờ tiêu chuẩn

Thuyết Toupée về WebViews

Khám phá này đã châm ngòi cho cái mà các nhà phát triển gọi là Thuyết Toupée về In-App Webviews - ý tưởng rằng chúng ta chỉ chú ý đến những webviews tệ, trong khi những cái được tích hợp liền mạch thì không được phát hiện. Các cuộc thảo luận cộng đồng tiết lộ rằng Apple có thể sử dụng webviews rộng rãi hơn người dùng nhận ra, với các triển khai nghi ngờ trong các phần ứng dụng Settings , App Store và nhiều giao diện hệ thống khác.

Lý do chính khiến webviews trong ứng dụng có danh tiếng tệ như vậy là vì bạn không nhận ra những webviews được tích hợp một cách liền mạch.

Bằng chứng cho thấy Apple sử dụng webviews ở những nơi như các phần cài đặt iCloud , nơi các biểu tượng tải với độ trễ nhẹ, và một số mục menu thiếu hiệu ứng làm nổi bật tiêu chuẩn của iOS . Các ứng dụng Mail và Calendar cũng được báo cáo là kết hợp webviews cho chức năng cụ thể.

Mối quan ngại về chống cạnh tranh gia tăng

Tính chất riêng tư của thuộc tính CSS này đã làm dấy lên lo ngại trong cộng đồng nhà phát triển. Các nhà phê bình cho rằng việc cung cấp các tính năng hệ điều hành độc quyền cho các ứng dụng bên thứ nhất thể hiện hành vi chống cạnh tranh, rút ra những điểm tương đồng với các private APIs của Microsoft đã trở thành trung tâm của các vụ kiện chống độc quyền trong những năm 1990 và 2000.

Tuy nhiên, những người khác bảo vệ cách tiếp cận của Apple , lưu ý rằng các nhà phát triển hệ điều hành thường xuyên tạo ra các tính năng chỉ dành cho nội bộ. Sự khác biệt chính nằm ở việc thực thi - trong khi Microsoft không chặn các ứng dụng sử dụng APIs không được ghi chép, Apple tích cực ngăn chặn việc phân phối App Store của các ứng dụng sử dụng private APIs .

Yêu cầu triển khai

  • Nền tảng: Chỉ dành cho iOS WebKit / WKWebView
  • Khả năng tương thích App Store : Không được phê duyệt cho các ứng dụng bên thứ ba sử dụng API riêng tư
  • Các framework thay thế: Không khả dụng trong Electron (sử dụng Chromium ), hỗ trợ hạn chế trong React Native / Tauri
  • Hỗ trợ trình duyệt web: Không hoạt động trong Safari hoặc các trình duyệt web khác

Phản ứng trái chiều đối với thiết kế Liquid Glass

Bản thân thẩm mỹ Liquid Glass đã chia rẽ người dùng. Những người ủng hộ đánh giá cao việc trở lại tính cách hình ảnh cho iOS , lưu ý đến việc cải thiện khả năng hiển thị nút và nhận dạng mục tiêu nhấp chuột so với thiết kế phẳng. Các hiệu ứng trong suốt mang lại lợi ích chức năng bằng cách làm cho các yếu tố giao diện trở nên khác biệt hơn so với nội dung văn bản.

Tuy nhiên, các nhà phê bình thấy hiệu ứng kính không hấp dẫn về mặt thị giác và lo lắng về việc giảm chức năng. Một số chỉ ra rằng thiết kế này thể hiện sự trở lại với thẩm mỹ tương tự giao diện Aero của Windows 7 từ năm 2007, đặt câu hỏi liệu điều này có thể hiện sự đổi mới thực sự hay tái chế hoài niệm.

Những tác động rộng lớn hơn mở rộng ra ngoài thiết kế hình ản. Sự chuyển dịch hướng tới UI dựa trên overlay nổi phía trên nội dung thay vì bao quanh nó có thể báo hiệu các mô hình giao diện tương lai, đặc biệt khi ngành công nghiệp tiến tới các ứng dụng thực tế tăng cường.

Trong khi các nhà phát triển bên thứ ba hiện tại không thể truy cập thuộc tính CSS này mà không có nguy cơ bị từ chối App Store , sự tồn tại của nó cho thấy Apple đang tích cực làm việc để làm mờ ranh giới giữa giao diện gốc và dựa trên web. Điều này có thể dẫn đến nhiều ứng dụng lai liền mạch hơn nơi người dùng không thể phân biệt giữa các yếu tố iOS gốc và nội dung web - giả sử Apple cuối cùng mở quyền truy cập cho các nhà phát triển hoặc tiêu chuẩn hóa các khả năng tương tự trên nền tảng web.

Tham khảo: Apple has a private CSS property to add Liquid Glass effects to web content