Javascript cho “Thêm vào màn hình chính” trên iPhone?


110

Có thể sử dụng Javascript để mô phỏng tùy chọn Thêm vào Màn hình chính trong menu dấu trang của Mobile Safari không?

Một cái gì đó tương tự như IE window.external.AddFavorite(location.href, document.title);có thể?

Câu trả lời:


56

Cách duy nhất để thêm bất kỳ nhãn hiệu sách nào trong MobileSafari (bao gồm cả nhãn hiệu trên màn hình chính) là sử dụng giao diện người dùng dựng sẵn và Táo khuyết không cung cấp cách nào để thực hiện việc này từ các tập lệnh trong một trang. Trên thực tế, tôi khá chắc chắn rằng không có cơ chế nào để thực hiện việc này trên phiên bản Safari dành cho máy tính để bàn.


4
Cảm ơn, tôi sợ là không. Tôi quyết định kiểm tra window.navigator.standalonevà thúc giục họ thêm nó vào nếu nó đang chạy trong Mobile Safari.
Kerrick

18
@David Không dành cho ứng dụng web. Không nhiều người dùng biết rằng họ có thể đánh dấu vào màn hình chính. IMHO Sẽ thật tuyệt nếu có một liên kết / nút kích hoạt hộp thoại với một thông báo hữu ích.
gregers

13
@David Nó không phải là cầu xin. Ứng dụng web trên iOS có thể chạy dưới dạng ứng dụng gốc, toàn màn hình nếu chúng được thêm vào màn hình chính. Ngay cả chế độ ngoại tuyến cũng có thể thực hiện được vì vậy sẽ rất tuyệt nếu chúng ta có thể sử dụng javascript để thêm nó vào màn hình chính (Với hộp thoại corse thích hợp).
Ákos Nikházy

3
@the_nakos và đó là lý do tại sao sẽ không bao giờ có cách dễ dàng để "thêm vào màn hình chính" vì nó sẽ tạo ra một giải pháp thay thế cho cửa hàng ứng dụng Apple tuyệt vời với khả năng thanh toán tuyệt vời cộng với mua hàng trong ứng dụng tuyệt vời. Đó không phải là điều duy nhất họ làm để ngăn chặn nó. Trong webapps toàn màn hình trong quá khứ đã làm tê liệt bằng cách sử dụng động cơ Javascript chỉ cũ khi săn điện thoại di động đã chạy nhanh hơn nhiều động cơ 9to5mac.com/2014/06/03/...
Pawel

63

Cho đến khi Safari triển khai Service Worker và tuân theo hướng được thiết lập bởi Chrome và Firefox, không có cách nào để thêm ứng dụng của bạn theo chương trình vào màn hình chính hoặc để trình duyệt nhắc người dùng

Tuy nhiên, có một thư viện nhỏ nhắc người dùng thực hiện và thậm chí chỉ đến đúng điểm. Hoạt động một điều trị.

https://github.com/cubiq/add-to-homescreen


1
Đáng buồn thay, đây là giải pháp tốt nhất hiện có.
hitautodestruct,

Thư viện [link ... / add-to0homescreen] hoạt động, tuy nhiên, lệnh gọi cuối cùng để gọi là addToHomescreen ({}); Phải có dấu ngoặc nhọn bên trong dấu ngoặc đơn cho biết bạn không truyền tham số nào.
RigidBody

8

Có một thư viện Javascript nguồn mở cung cấp một cái gì đó liên quan: mobile-bookmark-bubble

Bong bóng Dấu trang Di động là một thư viện JavaScript thêm bong bóng quảng cáo vào cuối ứng dụng web di động của bạn, mời người dùng đánh dấu ứng dụng vào màn hình chính của thiết bị của họ. Thư viện sử dụng bộ nhớ cục bộ HTML5 để theo dõi xem quảng cáo đã được hiển thị hay chưa, tránh liên tục làm phiền người dùng.

Việc triển khai hiện tại của thư viện này nhắm mục tiêu cụ thể đến Mobile Safari, trình duyệt web được sử dụng trên các thiết bị iPhone và iPad.


2
Có điều gì tương tự cho Android (hoặc, tôi dám nói, Blackberry)?
SnowboardBruin

3

Trong javascript thì không thể nhưng có với sự trợ giúp của “Web Clips”, chúng ta có thể tạo biểu tượng hoặc lối tắt “thêm vào màn hình chính” trong iPhone (bằng tệp mã của .mobileconfig)

https://developer.apple.com/library/content/documentation/NetworkingInternet/Conceptual/iPhoneOTAConfiguration/ConfigurationProfileExamples/ConfigurationProfileExamples.html

http://appdistro.cttapp.com/webclip/

Sau khi tạo tệp mobileconfig, chúng ta có thể chuyển url này vào chứng chỉ cài đặt trình duyệt safari trên iphone và sau khi hoàn tất, hãy kiểm tra màn hình chính iphone của bạn có biểu tượng lối tắt của trang web hoặc ứng dụng web của bạn không ..


Điều này không cung cấp câu trả lời cho câu hỏi. Một khi bạn có đủ danh tiếng, bạn sẽ có thể nhận xét về bất kỳ bài đăng nào ; thay vào đó, cung cấp các câu trả lời không yêu cầu người hỏi làm rõ . - Từ đánh giá
Jeet

Jeet, bạn có thể giải thích cho tôi biết tôi sai ở đâu Đúng thế này đúng Theo script, không thể tạo thêm vào màn hình chính nhưng với "clip web" chúng ta có thể tạo, vì nó, chúng ta phải tạo tệp .mobileconfig
Rawan-25

Cảm ơn @jaepage vì nó .. cttapp.com là một trang web trực tuyến nơi bạn có thể tạo tốt tệp mobilecofig của riêng mình ngay bây giờ họ tắt trang web của họ để Bạn có thể sử dụng developer.apple.com/library/content/documentation/… trang web này Ngay sau đó tôi sẽ tạo công cụ web của riêng chúng tôi cho nó ...
Rawan-25

Bạn cũng có thể sử dụng "apple configuratior 2" để tạo một webclip
Rawan-25

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.