WebKit Igalia Periodical #83

WebKit fixed prewarmed and suspended processes not closing under memory pressure, and fixed process prewarming when the sandbox is enabled. Libsoup 3.8.1 shipped with security fixes plus HTTP/2 and zstd bug fixes. The media player internally uses GStreamer's playbin3 element, and playbin support is deprecated. flite is dynamically loaded when used, reducing process startup time significantly. The legacy libwpe-based API is deprecated, producing warnings starting with the 2.56 release series due in March 2027, with WPEPlatform API preferred instead. A LBSE fix corrects SVG text re-measurement on transform scale changes.

Nguồn: https://blogs.igalia.com/webkit/blog/2026/wip-83. 8 Sync News chỉ tóm tắt và dẫn link; bản quyền nội dung thuộc tác giả và nguồn gốc.

Đề xuất cho bạn

freeCodeCamp36 Hot17 phút1 tháng trướcAI

How to Use the Fullscreen API in JavaScript (and Keep the Screen Awake with the Wake Lock API)

Các nhà phát triển front-end thường nhận yêu cầu triển khai chế độ fullscreen cho ứng dụng như slide deck, video player hoặc game. Để đạt được điều này, bạn có thể sử dụng Fullscreen API trong JavaScript, cung cấp phương thức element.requestFullscreen() để kích hoạt chế độ toàn màn hình. Vấn đề phát sinh khi thiết bị tự động tắt màn hình, cần sử dụng Wake Lock API với phương thức navigator.wakeLock.request() để ngăn điều này xảy ra. Hai API này kết hợp tạo giải pháp hoàn chỉnh cho trải nghiệm fullscreen ổn định, đặc biệt hữu ích cho các ứng dụng cần màn hình luôn bật như lớp học trực tuyến hoặc trạm giám sát.

Bài viết hướng dẫn bạn triển khai tính năng toàn màn hình và giữ màn hình luôn sáng với JavaScript API cho các ứng dụng đa dạng.

#javascript#safariNguồn

WebKit14 Hot8 phút1 tháng trướcAI

Fixing Top-Level Await in Safari

Safari trước đây gặp lỗi khi sử dụng top‑level await vì bộ nạp module của nó còn dựa trên bản đề xuất WHATWG Loader đã bị bỏ và không tuân thủ đầy đủ spec ECMAScript. Nguyên nhân là bộ nạp cũ được viết bằng JavaScript, dẫn tới lỗi “accessed before initialization” và thứ tự đánh giá module không chính xác. Để khắc phục, nhóm WebKit đã viết lại toàn bộ bộ nạp module từ đầu bằng C++ nguyên bản và kiểm tra kỹ lưỡng bằng fuzzing, test262, WPT và các test case do Bun engineers cung cấp. Kết quả là Safari 27 beta và Safari Technology Preview 251 đã полностью hỗ trợ top‑level await mà không còn những lỗi trước đây. Bài học là đầu tư vào việc viết lại thành phần lõi bằng ngôn ngữ native và thực hiện bộ kiểm tra đa dạng giúp đạt được tuân thủ spec và ổn định lâu dài. Nhà phát triển có thể kiểm tra tính năng này ngay trong Safari Technology Preview 251 hoặc bản beta Safari 27 để xác nhận việc top‑level await hoạt động đúng như mong đợi.

Bài này giúp lập trình viên hiểu Safari đã sửa lỗi top-level await ảnh hưởng đến cách module được tải và thực thi.

#javascript#safariNguồn

Bram.us9 Hot4 phút1 tháng trướcAI

WebKit supports interactive-widget … and hopefully Safari will too?

WebKit vừa thêm hỗ trợ cho directive interactive-widget trong viewport meta, giúp lập trình viên kiểm soát cách layout và viewport thay đổi khi bàn phím ảo xuất hiện trên di động. Tính năng này bắt nguồn từ công trình viewport của Chrome Interop 2022 và đã xuất hiện trong Chrome 108 cùng Firefox 133 trên Android. Hiện tại để thử nghiệm trên WebKit, bạn cần tự build WebKit locally và chạy qua MobileMiniBrowser trên iPhone Simulator vì nó chưa xuất hiện trong Safari Technology Preview. Vẫn chưa rõ khi nào tính năng này sẽ được đưa vào bản Safari công khai, nhưng có thể sẽ xuất hiện trong Safari 27.1.

Kiến thức về tính năng interactive-widget trong WebKit giúp lập trình viên chuẩn bị cho tương lai phát triển ứng dụng di động khi Safari hỗ trợ viewport directive này.

#css#safariNguồn

Planet Igalia1 Hot4 phút10 ngày trướcAI

WebKit Igalia Periodical #82

Trong tuần từ 12-10 đến 19-10, WebKit giới thiệu ApplicationManifest API mới cho progressive web apps. Kỹ thuật Layer-Based SVG Engine (LBSE) được sửa lỗi repaint và hit-testing liên quan đến vector-effect, clip-path, filters, mix-blend-mode và transforms. Hai thuộc tính mới WPE WebKit là WindowProperties:geometry và has-custom-geometry đã được thêm để đồng bộ với hành vi GTK. Các bản sửa lỗi này cải thiện đáng kể hiệu suất và tính tương thích cho web apps sử dụng CSS advanced features.

Bài này giúp bạn nắm bắt những phát triển mới nhất trong WebKit, bao gồm các API và sửa lỗi quan trọng cho ứng dụng web tiến bộ và hiệu suất trình duyệt.

#css#browsers#svgNguồn

XDA Developers4 Hot4 phút1 tháng trướcAI

I tried using one browser for work and another for everything else, and it fixed a problem extensions never did

Bối cảnh: tác giả trước đây cố gắng giảm sự phân tâm bằng cách cài đặt nhiều tiện ích mở rộng (extensions) trên trình duyệt duy nhất. Nguyên nhân kỹ thuật: các tiện ích này thường chạy trong cùng một tiến trình và chia sẻ tài nguyên, vì vậy chúng không thể hoàn toàn chặn các trang web hoặc thông báo không liên quan đến công việc. Hệ quả: khi chuyển sang sử dụng một trình duyệt riêng cho công việc và một trình duyệt khác cho các hoạt động cá nhân, sự phân tán giảm đáng kể và tập trung làm việc cải thiện rõ rệt. Điều đáng học: thay vì continually tinh chỉnh các tiện ích, việc tách môi trường bằng cách sử dụng nhiều trình duyệt có thể giải quyết vấn đề gốc hiệu quả hơn. Điều này gợi ý rằng đối với các vấn đề liên quan đến môi trường làm việc, giải pháp kiến trúc đôi khi vượt qua giải pháp dựa trên phần mềm bổ sung.

Sử dụng trình duyệt riêng cho công việc và cuộc sống riêng giúp loại bỏ sự phân tâm hiệu quả hơn bất kỳ tiện mở rộng nào.

#devtools#productivity#google-chromeNguồn

Planet Igalia0 Hot4 phút1 tháng trướcAI

WebKit Igalia Periodical #79

Trong tuần từ 21-28/9, WebKit phát hành bản vá bảo mật WSA-2026-0006 cho phiên bản stable 2.54.0, lần đầu tiên bao gồm lỗ hổng trong các thư viện ANGLE và Skia. SharedArrayBuffer đã được kích hoạt lại cho các port WPE và GTK với hỗ trợ cross-origin isolation. Đội ngũ sửa lỗi đồ họa đã khắc phục các vấn đề về rendering 3D-transform, damage region clipping, artifacts trong Skia compositor và offset input touch cho GTK port. WPE Platform API build option đã bị loại bỏ vì giờ đây luôn được kích hoạt mặc định.

Lập trình viên nên đọc bài này để cập nhật những thay đổi và lỗi quan trọng trong WebKit, bao gồm bản vá bảo mật mới và các sửa đồ họa quan trọng.

#safariNguồn

Phoronix0 Hot1 phút1 tháng trướcAI

Igalia Celebrates 25 Years Of Advancing Linux & Open-Source

Igalia, công ty open-source trụ sở tại Tây Ban Nha, kỷ niệm 25 năm thành lập với đội ngũ hơn 200 nhân viên toàn cầu. Công ty này đóng góp quan trọng vào Linux kernel, WebKit, Chromium, Mesa và các dự án mã nguồn mở lớn khác. Các dự án gần nhất gồm cải thiện driver đồ họa cho Raspberry Pi và Qualcomm Adreno, tối ưu GPU scheduler trong Linux kernel, và nâng cấp FEX emulator. Những thành tựu này chứng minh các công ty worker-owned có thể đóng góp đột phá vào hệ sinh thái open-source toàn cầu.

Bài viết này giúp lập trình viên hiểu rõ đóng góp quan trọng của Igalia trong hệ sinh thái Linux và nguồn mở qua 25 năm.

#open-source#linux#safariNguồn

Lea Verou0 Hot30 phút17 ngày trướcAI

The best way to use icons in Web UIs • Lea Verou

Lea Verou đề xuất quản lý UI icons hoàn toàn qua CSS custom properties thay vì inline SVG, icon fonts hay component wrappers. Phương pháp này treats icons như design tokens thông qua biến --icon, render bằng masked pseudo-elements và kiểm soát qua selectors, media queries, container style queries. Cách tiếp cận này đang đối mặt với hai WebKit bugs (#301609 và #325900) nhưng có thể khắc phục bằng zero-duration keyframe animations và conditional inheritance toggling. Kiến trúc này sẽ đơn giản hơn khi các tính năng CSS mới như Linked Parameters, ident(), @mixin và compact @property syntax ra mắt, với package @nudeui/icons hiện đã triển khai hoàn chỉnh hệ thống này.

Phương pháp quản lý biểu tượng CSS mới này giúp bạn tạo giao diện biểu tượng phản ứng linh hoạt và có khả năng bảo trì cao hơn.

#css#design-systems#safariNguồn