Chrome Mobile: Đưa shortcut web ra màn hình, có icon, giao diện khởi động như mobile app

Đã có ai dùng truyenyy chưa ạ?
Khi truy cập truyenyy sẽ có thông báo có muốn thêm web vào màn hình chính không. Nếu ấn có ở home của điện thoại sẽ có icon của truyenyy.

Bên ngoài home có icon, lúc khởi động sẽ có giao diện khởi động như mobile app, mở task lên nó sẽ ghi là “Chrome webapp: TruyenYY”.

Có ai biết làm thế nào để được như trên không ạ?

Lúc đầu mình mở 1 số trang (hình như có cả DNH) thì có 1 thông báo yêu cầu thêm vào màn hình chính.
Thấy cũng thú vị, làm thử thì nó tạo ra nguyên ứng dụng riêng (hoặc gần như vậy) trên điện thoại cho riêng trang web đó.
Mò đại, nghĩ chắc có liên quan đến Javascript:
javascript add to home screen

4 Likes

Để làm được vậy Webapp của bạn phải tuân theo một loạt chuẩn của Progressive Web Application hay viết tắt là PWA
Bạn có thể Google về chuẩn này implement theo và sẽ làm được.
Ngoài ra cũng có rất nhiều bài viết hướng dẫn xây dựng một Webapp đạt chuẩn PWA

4 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?