Zum Home-Bildschirm hinzufügen (iOS, iPadOS)

Rückblickend hätte ich wahrscheinlich fragen sollen, ob Sie das überprüft haben. :slight_smile:

Ich vergesse das oft, weil ich ein registrierter Entwickler bin und daher ziemlich früh in die Betas komme, sodass ich manchmal vergesse, dass nicht jeder am Veröffentlichungstag aktualisiert. :slight_smile:

Ich stimme zu, da dies der Hauptvorteil für privat gehostete Websites ist (im Vergleich zur Hub-App).

Aber prüft der Code, ob die iOS-Version 16.4 oder höher ist? Es hat keinen Sinn, Benachrichtigungen zu erwähnen, wenn nicht (und wohl auch wenig Sinn, A2HS überhaupt zu erwähnen). Ich kenne Ruby nicht, aber es scheint nur zu prüfen, ob man auf einem iPhone oder iPad ist:

Entschuldigung, wenn ich etwas falsch verstanden habe.

3 „Gefällt mir“

Genau richtig! Das ist aber Javascript, nicht Ruby. :smile:

1 „Gefällt mir“

Das falsche Ende des Stocks! :slight_smile:

2 „Gefällt mir“

Ich möchte auch Forum auf Android installieren, wie auf IOS in diesem Thema. Wie mache ich das auf Android?
Vielen Dank an alle

Chrome öffnen, auf die drei Punkte tippen, dann „App installieren“ … auf „Installieren“ tippen.

1 „Gefällt mir“

Ich meine, auf meinem Forum (mit der Discourse-Plattform) möchte ich, dass Android-Benutzer eine App wie diese Komponente installieren.

Das ist in einem Android Chrome-Browser, wenn ein Discourse-Forum angezeigt wird.

Es gibt auch ein Banner-Prompt, z. B.:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/pwa-install-banner.js#L41-L46

3 „Gefällt mir“

Hallo Leute! Ich habe gerade diese Komponente in meinem Forum installiert, aber sie hat einen schwerwiegenden Fehler: Sowohl die Desktop-, Mobil- als auch die App-Versionen wurden unendlich scrollbar und ich konnte keine Schaltflächen mehr anklicken. Zu meinem Glück hatte ich die Seite auf meinem Computer nicht aktualisiert, sodass ich sie schnell deaktivieren konnte, als ich das Problem bemerkte. Ich hoffe, das hilft euch allen. :slight_smile:

2 „Gefällt mir“

Tritt das bei Ihnen immer noch auf? Ich konnte es nicht reproduzieren.

Hallo Jordan! Ich habe es nicht noch einmal versucht – und das habe ich auch nicht vor.

Die Aufforderung „Zum Startbildschirm hinzufügen“ wird in der discoursehub-App angezeigt.

1 „Gefällt mir“

Das ist mir auch bei Chrome unter iOS aufgefallen – was nicht hilfreich ist.

Idealerweise sollte es eine andere Meldung für Nicht-Safari-Browser geben – z. B.

Um dies auf Ihrem Gerät zu installieren, öffnen Sie es in Safari

oder ähnlich.

iOS Chrome unterstützt “Zum Home-Bildschirm hinzufügen” seit iOS 16.4.

Sie klicken immer noch auf eine Teilen-Schaltfläche, die wie ein Feld mit einem Pfeil nach oben aussieht, aber die Schaltfläche erscheint in der URL-Leiste oben auf dem Bildschirm in iOS Chrome; die URL-Leiste kann eingeklappt sein, sodass die Teilen-Schaltfläche möglicherweise nicht standardmäßig sichtbar ist.

Die Nachricht muss also nicht geändert werden, um “In Safari öffnen” zu sagen, aber es wäre schön, wenn sie richtig erraten könnte, wo sich die Teilen-Schaltfläche befindet. Auf dem iPhone Safari erscheint sie in der Mitte des Fußzeilenbereichs, der eingeklappt sein kann. Auf dem iPad Safari erscheint sie in der oberen rechten Ecke, nicht eingeklappt.

Auf dem iPhone Chrome erscheint sie in der oberen rechten Ecke und kann eingeklappt sein. Auf dem iPad Chrome erscheint sie immer noch in der oberen rechten Ecke, wird aber nicht eingeklappt.

1 „Gefällt mir“

Ich habe beobachtet, wie andere Benutzeranleitungen zur Installation von PWAs unter iOS bereitstellen, und ein häufiges Muster, das ich sehe, ist ein klickbares Banner, das einen neuen Browser-Tab öffnet und auf eine separate “PWA installieren”-Seite verweist, die nicht scrollt.

Dies stellt sicher, dass die URL-Leiste auf dieser Seite nicht eingeklappt wird, was es den Benutzern erleichtert, die Schaltfläche “Teilen” zu finden und darauf zu klicken.

(Natürlich müssen sie immer noch nach unten scrollen, um “Zum Home-Bildschirm hinzufügen” auszuwählen, nachdem sie das Teilen-Blatt geöffnet haben, was ein Problem darstellt, aber alles, was die Reibung reduziert, hilft…)

4 „Gefällt mir“

Das hatte ich nicht gewusst – ich war mir sicher, irgendwo gelesen zu haben, dass PWAs nur über Safari installiert werden können. Dann passt der TC ja ziemlich gut!

Ein Problem, auf das ich gestoßen bin, ist, dass iPhones mit erheblicher Unternehmenssteuerung Webbenachrichtigungen blockieren können (meins tut das), was wirklich ärgerlich ist.

1 „Gefällt mir“

Möchten Sie ___ Forum auf diesem Gerät installieren?

Wenn ein Benutzer dieses Popup versehentlich schließt, kann ich dann erwarten, dass es wieder eingeschaltet wird?

Meiner Erfahrung nach reicht es normalerweise aus, sich aus einem Forum ab- und wieder anzumelden, um es auszulösen.

1 „Gefällt mir“

Danke

Eine weitere Sache, die mir aufgefallen ist: Wenn die App installiert ist, schrumpft das Logo nicht proportional und sieht fehl am Platz aus.

Weiß jemand, welches Logo die App im Abschnitt „Branding“ verwendet?

Hallo, danke, dass Sie diese Themenkomponente erstellt haben! Das ist wirklich nützlich für mich :smiley:

Ich hatte ein Feedback: Manche Leute wissen nicht, was der Share-Button ist, daher ist es hilfreicher, ein Symbol anstelle des Namens des Buttons anzuzeigen.

Sie können dies pwa_text dafür verwenden:

Installieren Sie \u003cb\u003e%{siteTitle}\u003c/b\u003e auf Ihrem iOS-Gerät. Tippen Sie auf \u003cimg height=\"25\" width=\"20\" src=\"https://help.apple.com/assets/683A54F5227CBBDB98051B96/683A54FC545676DF600F97D4/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png\" /\u003e und dann \u003cb\u003eZum Home-Bildschirm hinzufügen.\u003c/b\u003e

Es sieht so aus: