Javascript สำหรับ“ เพิ่มในหน้าจอหลัก” บน iPhone?

110

เป็นไปได้ไหมที่จะใช้ Javascript เพื่อเลียนแบบตัวเลือกเพิ่มในหน้าจอหลักในเมนูบุ๊กมาร์กของ Mobile Safari

สิ่งที่คล้ายกับ IE window.external.AddFavorite(location.href, document.title);อาจเป็นไปได้?

56

วิธีเดียวในการเพิ่มเครื่องหมายหนังสือใด ๆ ใน MobileSafari (รวมถึงเครื่องหมายบนหน้าจอหลัก) คือด้วย UI ในตัวและ Apples ไม่ได้จัดเตรียมไว้ให้ทำสิ่งนี้จากสคริปต์ภายในหน้า อันที่จริงฉันค่อนข้างแน่ใจว่าไม่มีกลไกในการทำเช่นนี้กับ Safari เวอร์ชันเดสก์ท็อป

— หลุยส์เจอร์บาร์ก
แหล่งที่มา

4

ขอบคุณฉันไม่กลัว ฉันตัดสินใจที่จะตรวจสอบwindow.navigator.standaloneและกระตุ้นให้พวกเขาเพิ่มหากมันทำงานใน Mobile Safari

— Kerrick

18

@David ไม่ใช่สำหรับเว็บแอป มีผู้ใช้ไม่มากนักที่รู้ว่าสามารถบุ๊กมาร์กไปที่หน้าจอหลักได้ IMHO คงจะดีหากมีลิงก์ / ปุ่มที่ทำให้กล่องโต้ตอบพร้อมข้อความที่เป็นประโยชน์

— gregers

13

@ เดวิดมันไม่ได้ขอทาน เว็บแอปบน iOS สามารถทำงานเป็นแอปเนทีฟแบบเต็มหน้าจอได้หากเพิ่มลงในหน้าจอหลัก แม้แต่โหมดออฟไลน์ก็เป็นไปได้ดังนั้นมันจะดีมากถ้าเราสามารถใช้จาวาสคริปต์เพื่อเพิ่มลงในหน้าจอหลัก (ด้วยไดอะล็อกของการแก้ไขที่เหมาะสม)

— ÁkosNikházy

3

@the_nakos และนั่นเป็นเหตุผลว่าทำไมจึงไม่มีวิธีง่ายๆในการ "เพิ่มลงในหน้าจอหลัก" เพราะมันจะสร้างทางเลือกให้กับ Apple app store ที่น่าทึ่งด้วยการชำระเงินที่น่าทึ่งและการซื้อในแอพที่น่าทึ่ง ไม่ใช่สิ่งเดียวที่พวกเขาทำเพื่อป้องกัน ในอดีตเว็บแอปพลิเคชันแบบเต็มหน้าจอถูกทำให้พิการโดยใช้เพียงเอ็นจิ้น JavaScript เก่าเมื่อซาฟารีมือถือทำงานได้เร็วกว่ามาก9to5mac.com/2014/06/03/…

— Pawel

63

จนกว่า Safari จะใช้ Service Worker และปฏิบัติตามทิศทางที่กำหนดโดย Chrome และ Firefox จะไม่มีวิธีใดที่จะเพิ่มแอปของคุณโดยใช้โปรแกรมบนหน้าจอหลักหรือเพื่อให้เบราว์เซอร์แจ้งให้ผู้ใช้ทราบ

อย่างไรก็ตามมีห้องสมุดขนาดเล็กที่แจ้งให้ผู้ใช้ทำและชี้ไปยังจุดที่ถูกต้อง ใช้งานได้จริง

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

— เครก
แหล่งที่มา

1

น่าเศร้าที่นี่เป็นวิธีแก้ปัญหาที่ดีที่สุดในปัจจุบัน

— hitautodestruct

ไลบรารี [link ... / add-to0homescreen] ใช้งานได้อย่างไรก็ตามคำเรียกสุดท้ายที่เรียกใช้คือ addToHomescreen ({}); ต้องมีวงเล็บปีกกาอยู่ในวงเล็บแสดงว่าคุณไม่ได้ส่งพารามิเตอร์ใด ๆ

— RigidBody

8

มีไลบรารี Javascript แบบโอเพนซอร์สที่นำเสนอสิ่งที่เกี่ยวข้อง: mobile-bookmark-bubble

Mobile Bookmark Bubble เป็นไลบรารี JavaScript ที่เพิ่มฟองโปรโมชั่นที่ด้านล่างของเว็บแอปพลิเคชันบนมือถือของคุณโดยเชิญชวนให้ผู้ใช้บุ๊กมาร์กแอปไว้ที่หน้าจอหลักของอุปกรณ์ ไลบรารีใช้พื้นที่เก็บข้อมูล HTML5 ในตัวเพื่อติดตามว่ามีการแสดงโปรโมชั่นแล้วหรือไม่เพื่อหลีกเลี่ยงการจู้จี้ผู้ใช้อย่างต่อเนื่อง

การใช้งานไลบรารีนี้ในปัจจุบันกำหนดเป้าหมายเฉพาะ Mobile Safari ซึ่งเป็นเว็บเบราว์เซอร์ที่ใช้บนอุปกรณ์ iPhone และ iPad

— ฟิลิปป์ลาวาล
แหล่งที่มา

2

มีอะไรที่คล้ายกันสำหรับ Android (หรือเอ่อฉันกล้าพูดไหม Blackberry)

— SnowboardBruin

3

ในจาวาสคริปต์เป็นไปไม่ได้ แต่ใช่ด้วยความช่วยเหลือของ“ เว็บคลิป” เราสามารถสร้างไอคอนหรือทางลัด "เพิ่มในหน้าจอหลัก" ใน iPhone ได้ (โดยไฟล์รหัสของ. mobileconfig)

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

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

หลังจากสร้างไฟล์ mobileconfig แล้วเราสามารถส่ง url นี้ในใบรับรองการติดตั้งเบราว์เซอร์ iphone ซาฟารีและหลังจากทำเสร็จแล้วให้ตรวจสอบหน้าจอหลักของ iPhone ของคุณว่ามีไอคอนทางลัดของหน้าเว็บหรือเว็บแอปของคุณ ..

— ราวรรณ -25
แหล่งที่มา

สิ่งนี้ไม่ได้ให้คำตอบสำหรับคำถาม เมื่อคุณมีเพียงพอชื่อเสียงคุณจะสามารถที่จะแสดงความคิดเห็นในโพสต์ใด ๆ ; แทนที่จะให้คำตอบที่ไม่จำเป็นต้องชี้แจงจากผู้ถาม - จากรีวิว

— Jeet

Jeet ช่วยอธิบายหน่อยได้ไหมว่าฉันผิดตรงไหนใช่นี่ถูกต้องตามสคริปต์มันเป็นไปไม่ได้ที่จะสร้างเพิ่มในหน้าจอหลัก แต่เราสามารถสร้าง "คลิปเว็บ" ได้เพราะเราต้องสร้างไฟล์. mobileconfig

— Rawan-25

ขอบคุณ @jaepage .. cttapp.com เป็นเว็บไซต์ออนไลน์ที่คุณสามารถสร้างไฟล์ mobilecofig ของตัวเองได้ดีตอนนี้พวกเขาปิดหน้าเว็บเพื่อให้คุณสามารถใช้ developer.apple.com/library/content/documentation/… เว็บไซต์นี้เร็ว ๆ นี้ จะสร้างเครื่องมือเว็บของเราเอง ...

— Rawan-25

คุณยังสามารถใช้ "apple configuratior 2" เพื่อสร้าง webclip ได้

— Rawan-25

2

นี่เป็นอีกหนึ่งสคริปต์หน้าจอหลักที่ดีที่รองรับ iphone / ipad, Mobile Safari, Android, สมาร์ทโฟน Blackberry touch และ Playbook

https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Bookmark-Bubble

— Miuranga
แหล่งที่มา