Drucker-API
Drucke Bilder und PDFs aus deiner Web-App per AirPrint: Sende Dateien mit einem einzigen Link an den nativen iOS-Druckdialog.
Die Drucker-API übergibt eine entfernte Datei (Bild oder PDF) an den nativen iOS-Druckdialog (AirPrint), sodass der Nutzer sie auf jedem konfigurierten Drucker ausdrucken oder als PDF speichern kann.
Verwendung:
<a href="printitem://?jobName=Rechnung%20%23123&printItem=https://example.com/invoice.pdf"> Rechnung drucken </a>
Query-Parameter:
printItemjobNameSo funktioniert es:
- Die App lädt die Datei von
printItemin einen temporären Cache herunter. - Die Datei wird an den nativen
UIPrintInteractionControllerübergeben, der den iOS-Druckdialog anzeigt. - Der Nutzer wählt einen AirPrint-Drucker (oder Als PDF sichern über die Teilen-Optionen) und bestätigt.
Hinweise: Die Zieldatei muss vom Gerät aus öffentlich erreichbar sein (die URL muss auflösbar sein). Kodiere Sonderzeichen im jobName-Parameter als URL (z. B. %20 für Leerzeichen).
Implementierungshinweise im SDK-Stil
Betrachte diese Funktion als native Fähigkeit, die deiner Web-Ebene bereitgestellt wird: Behalte deine Produktivwebsite oder PWA als zentrale Quelle bei und nutze anschließend die dokumentierten WebViewGold-Konfigurationsflags, URL-Befehle und JavaScript-Bridge-Aufrufe, um natives iOS-Verhalten nur dort zu aktivieren, wo es einen Mehrwert bietet. So bleibt deine Codebasis wartbar, da dieselbe Webanwendung mit minimaler Fallunterscheidung Browser, WebViewGold für iOS und die übrigen WebViewGold-Plattformen bedienen kann.
Für zuverlässige Ergebnisse empfehlen sich HTTPS-Endpunkte, stabile Routennamen, explizite Erfolgs-/Fehlerzustände in deiner UI sowie kleine JavaScript-Hilfsfunktionen, die native Aufrufe kapseln. Beispielsweise kann eine mit jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, einem eigenen React-/Vue-/Angular-Stack oder statischem HTML erstellte Web-App eine einzelne Schaltfläche oder einen Event-Handler bereitstellen, der die native WebViewGold-API auslöst und dennoch einen sauberen Browser-Fallback zeigt.
- Empfohlenes Integrationsmuster: Erkenne den App-Kontext, rufe die WebViewGold-API auf und aktualisiere anschließend deine Web-UI nach dem nativen Callback oder Routenwechsel.
- Test-Checkliste: Prüfe die Funktion auf einem echten Gerät oder in einem paketierten Build, überprüfe Berechtigungen und Store-Prüftexte und stelle sicher, dass reine Browser-Nutzer weiterhin einen sinnvollen Fallback erhalten.
- SEO-Vorteil: Halte Feature-Seiten, Routentitel und strukturierte Inhalte auf deiner Website indexierbar, während WebViewGold die native App-Hülle für iOS-Nutzer bereitstellt.