Cài harvis.dev như một ứng dụng
harvis.dev có sẵn web manifest, nên trình duyệt cài được nó như mọi ứng dụng khác — cửa sổ riêng, biểu tượng riêng trên dock hoặc màn hình chính. Không kho ứng dụng, không trình cài đặt, không quyền truy cập.
Cài rồi thì khác gì
Cửa sổ của riêng nó
Không thẻ, không thanh địa chỉ. Trình tải lên và bảng điều khiển mở trong một cửa sổ độc lập gọn gàng, có chỗ riêng trong trình chuyển ứng dụng.
Một chạm là xuất bản
Một biểu tượng trên dock, thanh tác vụ hoặc màn hình chính. Mở lên, thả thư mục vào, trang đã chạy trước cả khi cửa sổ ổn định.
Không phải tải gì
Vẫn là trang bạn đang đọc — cài đặt chỉ thêm biểu tượng và cửa sổ. Không gói cài, không tài khoản kho ứng dụng, không bản cập nhật nền nào cần duyệt.
Cách cài đặt
Chọn trình duyệt bạn đang dùng để đọc trang này. Đường nào cũng kết thúc giống nhau: harvis.dev nằm cạnh các ứng dụng gốc.
Chrome, Edge hoặc Brave trên máy tính
- 01Nhìn cuối thanh địa chỉ: biểu tượng cài đặt là một màn hình nhỏ có mũi tên xuống.
- 02Không thấy? Mở menu trình duyệt và chọn “Cài đặt trang dưới dạng ứng dụng” (Edge: Ứng dụng → Cài đặt trang này dưới dạng ứng dụng).
- 03Xác nhận là harvis.dev mở trong cửa sổ riêng và xuất hiện trong danh sách ứng dụng.
Chrome trên Android
- 01Chạm menu ⋮ ở góc trên bên phải.
- 02Chọn “Thêm vào màn hình chính”, rồi chạm “Cài đặt”.
- 03Biểu tượng nằm trên màn hình chính và mở ra không còn khung trình duyệt.
Safari trên iPhone và iPad
- 01Chạm nút Chia sẻ — hình vuông có mũi tên hướng lên.
- 02Cuộn bảng xuống, chạm “Thêm vào MH chính”, rồi chạm “Thêm”.
- 03iOS đọc cùng một manifest nhưng không bao giờ hiện lời nhắc, nên đây là lối duy nhất.
Safari trên Mac
- 01Mở harvis.dev trong một thẻ bình thường.
- 02Chọn Tệp → Thêm vào Dock trên thanh menu, đặt tên rồi bấm Thêm.
- 03Cần macOS Sonoma trở lên — các bản Safari cũ hơn không cài được ứng dụng web.
Firefox trên máy tính đã bỏ tính năng cài ứng dụng web, nên đánh dấu trang là cách gần nhất. Firefox trên Android vẫn có “Thêm vào màn hình chính” trong menu.
Trong manifest có gì
Toàn bộ việc cài đặt dựa vào đúng một tệp, phục vụ tại /site.webmanifest. Trình duyệt đọc đó để biết ứng dụng tên gì, dùng biểu tượng nào và cửa sổ mở ra sao.
{
"name": "harvis.dev",
"short_name": "harvis.dev",
"start_url": "/",
"display": "standalone",
"background_color": "#13161a",
"theme_color": "#13161a",
"icons": [
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
{ "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
]
}“standalone” là trường bỏ khung trình duyệt; biểu tượng maskable là cái Android cắt theo hình dạng riêng của nó.
Cho trang của bạn cài được
Mọi trang bạn triển khai trên harvis.dev đều cài được y hệt. Đặt manifest.json cạnh index.html, trỏ tới nó từ thẻ head và kèm biểu tượng 192px cùng 512px — chỉ cần vậy.
<!-- index.html --> <link rel="manifest" href="/manifest.json"> <meta name="theme-color" content="#13161a">
Trình duyệt còn đòi HTTPS trước khi mời cài. Mọi địa chỉ harvis.dev đều đã chạy HTTPS nên không phải cấu hình gì.