Cập nhật mới tăng cường trải nghiệm duyệt web trên các thiết bị Apple
Cập nhật mới nhất của Apple Safari giới thiệu Distraction Control, Video Viewer, hỗ trợ WebXR, và ứng dụng web cải tiến để tăng cường trải nghiệm duyệt web. iPhone Mirroring và kiểm tra từ xa.
Tháng này, Apple đã phát hành Safari 18.0, giới thiệu một loạt các tính năng mới và cải tiến giúp tăng cường trải nghiệm duyệt web trên các platform iOS, iPadOS, macOS và visionOS. Cập nhật này tăng cường tính năng web, bảo mật và trải nghiệm người dùng.
Điều khiển Distraction
Safari 18.0 giới thiệu Distraction Control, một tính năng được thiết kế để cải thiện sự tập trung khi duyệt web. Theo tài liệu của Apple, người dùng có thể ẩn các yếu tố làm phiền như banner đăng nhập, popup yêu cầu cookie và overlay đăng ký bản tin. Tính năng này có thể dễ dàng truy cập thông qua Menu Trang, nơi người dùng có thể chọn “Ẩn Các Mục Làm Phiền” và chạm vào các phần họ muốn loại bỏ khỏi tầm nhìn.
Xem Video
Tính năng Video Viewer mới tăng cường hành vi xem video trên các trang web. Khi có một video nổi bật hiện diện, người dùng có thể truy cập “Video Viewer” từ Menu Trang. Hành động này làm to video để lấp đầy cửa sổ. Nếu người dùng chuyển tab hoặc đóng cửa sổ, video sẽ tự động chuyển sang chế độ hình ảnh trong hình, đảm bảo phát lại liên tục.
iPhone Mirroring và Kiểm Tra Từ Xa
Safari 18.0 trên macOS Sequoia giới thiệu iPhone Mirroring, cho phép người dùng điều khiển iPhone của mình trực tiếp từ Mac. Tính năng này, kết hợp với khả năng kiểm tra từ xa, đáng kể đơn giản hóa quá trình thử nghiệm và gỡ lỗi trang web trên các thiết bị iOS. Bây giờ nhà phát triển có thể sử dụng Web Inspector để gỡ lỗi trang web chạy trên iPhone một cách không dây, tất cả từ màn hình Mac của họ.
Ứng Dụng Web Cho Mac
Xây dựng trên hỗ trợ ứng dụng web được giới thiệu trong macOS Sonoma, Safari 18.0 mang đến hai cải tiến chính:
Xử lý liên kết cải tiến: Các liên kết phù hợp với phạm vi của một ứng dụng web được thêm vào Dock sẽ mở trực tiếp trong ứng dụng web thay vì trình duyệt mặc định khi click ngoài môi trường trình duyệt.
Hỗ trợ tiện ích mở rộng: Người dùng bây giờ có thể cá nhân hóa ứng dụng web trên Mac với Các Tiện Ích Mở Rộng và Người Chặn Nội Dung của Safari, cung cấp một trải nghiệm tùy chỉnh cho từng ứng dụng web.
API Chuyển Đổi Xem
Safari 18.0 bổ sung hỗ trợ cho API Chuyển Đổi Xem, cung cấp cho nhà phát triển một phương pháp tối ưu hóa để tạo hiệu ứng chuyển đổi mượt mà giữa các trạng thái khác nhau. Tính năng này cho phép các chuyển đổi mượt mà, hấp dẫn hơn giữa các trạng thái trang, tăng cường trải nghiệm người dùng tổng thể của các ứng dụng web.
Hỗ Trợ WebXR và Tính Năng Web Không Gian
Với việc phát hành visionOS 2, Safari 18.0 giới thiệu hỗ trợ cho WebXR, cho phép nhà phát triển tạo ra trải nghiệm thực tế ảo sống động thông qua web. Điều này bao gồm hỗ trợ cho các phiên VR sống động và chế độ nhập transient-pointer WebXR mới, cho phép các phương pháp nhập thiên nhiên trên visionOS.
Bên cạnh đó, Safari 18.0 trên visionOS 2 thêm hỗ trợ cho ảnh không gian và toàn cảnh. Nhà phát triển bây giờ có thể sử dụng API Toàn Màn Hình JavaScript để tạo trải nghiệm sống động với các hình ảnh không gian và toàn cảnh, tương tự như trong ứng dụng Photos native.
Cải Tiến CSS
Một số cải tiến CSS đã được thực hiện trong Safari 18.0:
Truy vấn kiểu: Nhà phát triển bây giờ có thể sử dụng Truy Vấn Kiểu để kiểm tra Các Thuộc Tính Tùy Chỉnh CSS, cho phép định nghĩa kiểu động và có thể tái sử dụng hơn.
Cải tiến Cú Pháp Màu Tương Đối: Safari 18.0 bây giờ hỗ trợ tham chiếu từ khóa currentcolor và hệ thống màu trong Cú Pháp Màu Tương Đối, cung cấp định nghĩa màu linh hoạt hơn.
Hiệu ứng Hiển Thị: Tính năng hiển thị bây giờ có thể được tạo hiệu ứng sử dụng hiệu ứng chuyển đổi.
Cập Nhật JavaScript và Web API
Safari 18.0 giới thiệu hỗ trợ cho các ký tự Unicode 15.1.0 trong RegExp và thêm cờ v với RegExp.prototype (Symbol.matchAll). Những bổ sung này cung cấp các cách mạnh mẽ hơn để khớp các ký tự Unicode.
Một số cải tiến Web API đã được thực hiện, bao gồm hỗ trợ cho URL.parse(), khả năng mở rộng Declarative Shadow DOM, và các phương pháp mới cho xử lý dữ liệu byte trong các đối tượng web khác nhau.
Cải Tiến Xử Lý Media
WebKit cho Safari 18.0 thêm hỗ trợ Workers cho cả Managed Media Source (MMS) và Media Source Extensions (MSE). Cải tiến này có thể cải thiện đáng kể hiệu suất phát video trên các trang web phức tạp bằng cách cho phép xử lý phương tiện diễn ra ngoài luồng chính.
Cải Tiến Bảo Mật và Riêng Tư
Safari 18.0 tăng cường bảo mật bằng cách nâng cấp tất cả các yêu cầu phụ trợ chủ động sang HTTPS trong cài đặt nội dung kết hợp, tuân thủ tiêu chuẩn Mixed Content Level 2. Thay đổi này đảm bảo rằng tất cả các hình ảnh và phương tiện trên các trang web đều được cung cấp thông qua kết nối an toàn.
Cải Tiến Passkey
Xây dựng trên sự hỗ trợ của passkey được giới thiệu hai năm trước, Safari 18.0 thêm ba tính năng mới:
Hỗ trợ sử dụng mediation=conditional cho việc tạo quyền truy cập của các chứng chỉ xác thực web, cho phép tự động nâng cấp tài khoản dựa trên mật khẩu hiện tại sang passkey.
Khả năng sử dụng passkey trên các nguồn gốc liên quan, cho phép các trang web sử dụng cùng một passkey trên một số lượng giới hạn các miền chia sẻ cơ sở dữ liệu chứng chỉ.
Hỗ trợ cho WebAuthn prf extension, cho phép lấy một khóa đối xứng từ passkey để mã hóa dữ liệu người dùng.
Loại Bỏ và Không Sử Dụng Nữa
Để cải thiện tương thích và giảm sự phụ thuộc vào các tính năng không chuẩn, Safari 18.0 đã loại bỏ hoặc không sử dụng một số yếu tố:
Hỗ trợ định dạng hình ảnh JPEG2000 đã được loại bỏ.
Hỗ trợ AppCache đã được hoàn toàn loại bỏ, sau khi bị loại bỏ nửa đường trong các phiên bản trước đó.
Một số lớp pseudo-class CSS và thuộc tính prefixed -webkit không chuẩn đã bị loại bỏ.
Hỗ trợ cho một số Web API không chuẩn đã bị loại bỏ, bao gồm KeyboardEvent.altGraphKey và AES-CFB từ WebCrypto.
Sửa Lỗi và Cải Tiến Hiệu Suất
Safari 18.0 bao gồm nhiều sửa lỗi và cải tiến hiệu suất trong nhiều lĩnh vực khác nhau, bao gồm:
Cải tiến khả năng truy cập cho VoiceOver và các công nghệ hỗ trợ khác
Tối ưu hóa bộ máy JavaScript và cập nhật tuân thủ quy định
Sửa lỗi tính toán và hiển thị CSS
Cải tiến phát phương tiện và WebRTC
Sửa chữa Web API và cập nhật đồng bộ chuẩn
Các lỗ hổng bảo mật đã được vá lại
Sẵn Sàng và Cập Nhật
Safari 18.0 có sẵn trên iOS 18, iPadOS 18, macOS Sequoia, macOS Sonoma, macOS Ventura, và visionOS 2. Người dùng có thể cập nhật thiết bị của họ để truy cập phiên bản Safari mới nhất:
Trên iPhone, iPad hoặc Apple Vision Pro: Đi tới Cài Đặt > Chung > Cập Nhật Phần Mềm
Trên Mac (macOS Sonoma hoặc Ventura): Đi tới Cài Đặt Hệ Thống > Chung > Cập Nhật Phần Mềm và nhấp “Thông tin thêm …” dưới Các Cập Nhật Có Sẵn
Tài Nguyên Cho Nhà Phát Triển và Phản Hồi
Apple khuyến khích nhà phát triển thử nghiệm trang web và ứng dụng web của họ với Safari 18.0 để đảm bảo tương thích và tận dụng các tính năng mới. Safari Technology Preview có sẵn để tải xuống, cung cấp truy cập vào các tính năng sắp tới và các công cụ Web Inspector mới nhất.
Phản hồi về Safari 18.0 có thể được cung cấp thông qua các kênh khác nhau:
Mạng xã hội: @webkit trên X (trước đây là Twitter) hoặc @[email protected] và @[email protected] trên Mastodon
Báo cáo lỗi: Phản hồi giao diện người dùng Safari hoặc báo cáo lỗi WebKit cho các công nghệ web và các vấn đề Web Inspector
Vấn đề tương thích trang web: Báo cáo có thể được gửi tại webcompat.com
Thông Tin Quan Trọng
Ngày Phát Hành: 16 tháng 9 năm 2024
Các Platform: iOS 18, iPadOS 18, macOS Sequoia, macOS Sonoma, macOS Ventura, visionOS 2
Các Tính Năng Mới Chính:
Điều Khiển Distractions
Xem Video
iPhone Mirroring và Kiểm Tra Từ Xa
Cải Thiện Ứng Dụng Web cho Mac
API Chuyển Đổi Xem
Hỗ Trợ WebXR
Các Tính Năng Web Không Gian
Cải Tiến CSS (Truy Vấn Kiểu, Cải Tiến Cú Pháp Màu Tương Đối)
Cập Nhật JavaScript và Web API
Cải Tiến Xử Lý Phương Tiện
Cải Tiến Bảo Mật và Riêng Tư
Cải Tiến Passkey
Việc Loại Bỏ: JPEG2000, AppCache, một số API không chuẩn
Sửa Lỗi: Hơn 200 vấn đề đã được giải quyết trong nhiều lĩnh vực khác nhau
Đăng ký để nhận bản tin hàng tuần miễn phí của chúng tôi trên LinkedIn để nhận thông tin tổng hợp cuối tuần, hoặc nâng cấp lên cập nhật thời gian thực của chúng tôi chỉ với $10/năm. Nhận những tin tức và hiểu biết tiếp thị mới nhất được gửi trực tiếp vào hộp thư đến của bạn. #AppleSafari #Safari18.0 #HỗTrợWebXR #CSSCảiThiện #PhátTriểnJavascript #BảoMậtThôngTin
Nguồn: https://ppc.land/safari-18-0-new-features-enhance-web-browsing-across-apple-devices/
Apple’s latest Safari update introduces Distraction Control, Video Viewer, WebXR support, and improved web apps for enhanced browsing.
Apple this month released Safari 18.0, introducing a range of new features and improvements that enhance web browsing across iOS, iPadOS, macOS, and visionOS platforms. This update boosts web functionality, security, and user experience.
Distraction Control
Safari 18.0 introduces Distraction Control, a feature designed to improve focus while browsing. According to Apple’s documentation, users can now hide distracting elements such as sign-in banners, cookie preference popups, and newsletter signup overlays. This feature is accessible through the Page Menu, where users can choose to “Hide Distracting Items” and tap on elements they wish to remove from view.
Video Viewer
The new Video Viewer feature enhances video consumption on web pages. When a prominent video element is present, users can access “Video Viewer” from the Page Menu. This action enlarges the video to fill the entire window. If the user switches tabs or closes the window, the video automatically enters picture-in-picture mode, ensuring continuous playback.
iPhone Mirroring and Remote Inspection
Safari 18.0 on macOS Sequoia introduces iPhone Mirroring, allowing users to control their iPhone directly from their Mac. This feature, combined with remote inspection capabilities, significantly simplifies the process of testing and debugging websites on iOS devices. Developers can now use Web Inspector to wirelessly debug websites running on an iPhone, all from their Mac’s screen.
Web Apps for Mac
Building on the web app support introduced in macOS Sonoma, Safari 18.0 brings two key improvements:
- Enhanced link handling: Links that match the scope of a web app added to the Dock will now open directly in the web app instead of the default browser when clicked outside of a browser environment.
- Extension support: Users can now personalize web apps on Mac with Safari Web Extensions and Content Blockers, offering a customized experience for each web app.
View Transitions API
Safari 18.0 adds support for the View Transitions API, providing developers with an optimized method to animate elements between different states. This feature enables smoother, more visually appealing transitions between page states, enhancing the overall user experience of web applications.
WebXR and Spatial Web Features
With the release of visionOS 2, Safari 18.0 introduces support for WebXR, allowing developers to create immersive virtual reality experiences accessible through the web. This includes support for immersive-vr sessions and the new WebXR transient-pointer input mode, which enables natural input methods on visionOS.
Additionally, Safari 18.0 on visionOS 2 adds support for spatial photos and panoramas. Developers can now use the JavaScript Fullscreen API to create immersive experiences with spatial and panoramic images, similar to those in the native Photos app.
CSS Enhancements
Several CSS improvements have been implemented in Safari 18.0:
- Style Queries: Developers can now use Style Queries to test CSS Custom Properties, allowing for more dynamic and reusable style definitions.
- Relative Color Syntax improvements: Safari 18.0 now supports referencing currentcolor and system color keywords in Relative Color Syntax, offering more flexible color definitions.
- Animating display: The display property can now be animated using transition animations.
JavaScript and Web API Updates
Safari 18.0 introduces support for Unicode 15.1.0 characters in RegExp and adds the v flag with RegExp.prototype(Symbol.matchAll). These additions provide more powerful ways to match Unicode characters.
Several Web API improvements have also been implemented, including support for URL.parse(), expanded Declarative Shadow DOM capabilities, and new methods for handling byte data in various web objects.
Media Handling Improvements
WebKit for Safari 18.0 adds Workers support for both Managed Media Source (MMS) and Media Source Extensions (MSE). This enhancement can significantly improve video playback performance on complex websites by allowing media processing to occur off the main thread.
Security and Privacy Enhancements
Safari 18.0 strengthens security by upgrading all passive subresource requests to HTTPS in mixed content settings, adhering to Mixed Content Level 2 standards. This change ensures that all images and media on websites are served over secure connections.
Passkey Improvements
Building on the passkey support introduced two years ago, Safari 18.0 adds three new features:
- Support for using mediation=conditional for web authentication credential creation, allowing automatic upgrading of existing password-based accounts to passkeys.
- The ability to use passkeys across related origins, enabling websites to use the same passkey across a limited number of domains sharing a credential backend.
- Support for the WebAuthn prf extension, allowing retrieval of a symmetric key from a passkey for user data encryption.
Deprecations and Removals
To improve interoperability and reduce dependency on non-standard features, Safari 18.0 has deprecated or removed several elements:
- JPEG2000 image format support has been removed.
- AppCache support has been fully removed, following its deprecation in previous versions.
- Several non-standard -webkit prefixed CSS pseudo-classes and properties have been deprecated.
- Support for some non-standard Web APIs has been removed, including KeyboardEvent.altGraphKey and AES-CFB support from WebCrypto.
Bug Fixes and Performance Improvements
Safari 18.0 includes numerous bug fixes and performance enhancements across various areas, including:
- Accessibility improvements for VoiceOver and other assistive technologies
- JavaScript engine optimizations and specification compliance updates
- CSS rendering and computation fixes
- Media playback and WebRTC enhancements
- Web API corrections and standard alignment updates
- Security vulnerability patches
Availability and updating
Safari 18.0 is available on iOS 18, iPadOS 18, macOS Sequoia, macOS Sonoma, macOS Ventura, and visionOS 2. Users can update their devices to access the latest version of Safari:
- On iPhone, iPad, or Apple Vision Pro: Go to Settings > General > Software Update
- On Mac (macOS Sonoma or Ventura): Go to System Settings > General > Software Update and click “More info…” under Updates Available
Developer resources and feedback
Apple encourages developers to test their websites and web applications with Safari 18.0 to ensure compatibility and take advantage of new features. The Safari Technology Preview is available for download, providing access to upcoming features and the latest Web Inspector tools.
Feedback on Safari 18.0 can be provided through various channels:
- Social media: @webkit on X (formerly Twitter) or @[email protected] and @[email protected] on Mastodon
- Bug reports: Safari UI feedback or WebKit bug reports for web technologies and Web Inspector issues
- Website compatibility issues: Reports can be filed at webcompat.com
Key Facts
- Release Date: September 16, 2024
- Platforms: iOS 18, iPadOS 18, macOS Sequoia, macOS Sonoma, macOS Ventura, visionOS 2
- Major New Features:
- Distraction Control
- Video Viewer
- iPhone Mirroring and Remote Inspection
- Improved Web Apps for Mac
- View Transitions API
- WebXR Support
- Spatial Web Features
- CSS Enhancements (Style Queries, Relative Color Syntax improvements)
- JavaScript and Web API Updates
- Media Handling Improvements
- Security and Privacy Enhancements
- Passkey Improvements
- Deprecations: JPEG2000, AppCache, various non-standard APIs
- Bug Fixes: Over 200 issues resolved across multiple areas
Subscribe to our free weekly LinkedIn newsletter for a weekend roundup, or upgrade to our real-time updates for just $10/year. Get the latest marketing news and insights delivered straight to your inbox.
[ad_2]
