Anleitung: Den App-Leistentitel festlegen

Veröffentlicht am 26. Juli 2024 von Jan Bunk

Manchmal möchtest du, dass die App einen anderen Titel anzeigt als den Titel auf deiner Website. Zum Beispiel, weil du einen kürzeren Titel möchtest, der nicht abgeschnitten wird, oder weil du aus Designgründen keinen Titel in der App-Leiste haben möchtest.

Verwendung der JavaScript-Funktion

Schau dir gerne auch die executeWhenAppReady() Funktion von unser App-Helfer-Skript. Es stellt sicher, dass deine Website nicht versucht, mit der App zu interagieren, bevor sie bereit ist oder wenn deine Website mit einem normalen Browser geladen wird (ReferenceError, Funktion ist nicht definiert).

setSpecialTitle

Verwende diese Funktion, um den Titel auf deinen gewünschten String zu setzen.

Beachte, dass die App beim Navigieren zu einer neuen Seite den Titel der neuen Seite anzeigt. Wenn du ihn überschreiben möchtest, musst du setSpecialTitle erneut aufrufen. 

<script>
    try {
        // if you want to remove the title from the app bar, pass "" as the argument
        setSpecialTitle("Title for the App Bar");
    }
    catch (e) {
        // Can occur if:
        // - the app couldn't connect to the native code. Should be very unlikely.
        console.log(e);
    }
</script>