proto.lib

Embed iframe: sandbox, postMessage kiểm origin, và auto-resize

Iframe nhúng nội dung ngoài cần thuộc tính sandbox giới hạn đúng năng lực cần dùng; giao tiếp giữa parent và child chỉ qua postMessage với origin được kiểm tra ở cả hai phía, và vì parent không đọc được chiều cao nội dung child nên child phải tự báo kích thước để parent resize khung — nếu không sẽ bị double scrollbar.

ApplicationTrung bình2026-08-25
Embed iframe: sandbox, postMessage kiểm origin, và auto-resize

Tags

#iframe#sandbox#postmessage#origin-check#clickjacking#permissions-policy

Tài liệu tham khảo

Mở rộng

Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc

Liên quan

ApplicationTrung bình

Web Worker: gỡ việc nặng khỏi Main Thread

Main thread vừa chạy JS vừa render UI và xử lý input, nên một tác vụ nặng (parse JSON khổng lồ, xử lý ảnh, mã hoá) sẽ làm trang đứng hình; Worker chạy trên thread riêng, không truy cập DOM, giao tiếp qua postMessage bằng structured clone (copy) hoặc transfer ArrayBuffer (không copy).

#web-worker#main-thread#postmessage#structured-clone
ApplicationTrung bình

Cookie Partitioning (CHIPS): mỗi top-level site một cookie jar riêng

Với CHIPS, cookie của một widget nhúng được đánh dấu Partitioned nên trình duyệt lưu nó theo khoá (site nhúng, site top-level) thay vì chỉ theo site nhúng; cùng một widget trên hai trang khác nhau nhận hai cookie jar tách biệt, chặn theo dõi xuyên site nhưng cũng phá vỡ các embed hợp lệ từng giả định trạng thái dùng chung.

#cookie-partitioning#chips#third-party-cookie#storage-access-api
ApplicationTrung bình

Web Locks API: nhiều tab phối hợp không tranh việc

Web Locks API cho phép nhiều tab của cùng một app xin cùng một khoá tên; chỉ một tab giữ được lock chạy việc như sync dữ liệu hay refresh token, các tab khác chờ hoặc bỏ qua tuỳ chế độ, và lock tự động nhả khi tab đóng hay reload — khác cờ localStorage vốn không tự dọn khi tab crash.

#web-locks#navigator-locks#multi-tab#token-refresh