Probleme mit der Darstellung und ios27

htrecksler

womit öffnest du die Seiten?
Im Browser? --> dann Browser Cache löschen
In der App "ioBroker" oder "ioBroker Visu"? --> Eventuell hilft es die App neu zu installieren?

Bei mir hat es in der "ioBroker Visu" direkt geklappt als ich sie installiert und eingerichtet hatte

dogfight76

Habe es bisher ganz normal im Safari-Browser aufgerufen.
Aber da es am iPhone genauso aussieht wie am Windows PC muss es ja an der iobroker.net Seite liegen.

Die iOS App „iobroker“ funktioniert, aber nur wenn ich am iPhone in meiner ProtonVPN das VPN deaktiviere

Aber dann wird die VIS fehlerfrei angezeigt

Gruß

dogfight76

@htrecksler sagte:

womit öffnest du die Seiten?
Im Browser? --> dann Browser Cache löschen
In der App "ioBroker" oder "ioBroker Visu"? --> Eventuell hilft es die App neu zu installieren?

Bei mir hat es in der "ioBroker Visu" direkt geklappt als ich sie installiert und eingerichtet hatte

Was ist denn die "ioBroker Visu" ?

Gruß

stenmic

@dogfight76 sagte:

Gibt es noch keine weiteren Erkenntnisse ?
Niemand der es so auf seinem iPhone nutzt ?

Gruß

Nach dem Update auf ios27 hatte ich auch Probleme mit Seitenlinks und neu laden in VIS1 (VIS2 nutze ich nicht).
Ich nutze zur Navigation im "Top-Menü" Listen.
Hier ein Beispiel was Jahrelang funktioniert hat

Screenshot 2026-09-18 070651.png

<div class="sm-body-topmenu">
<nav>
<ul class="sm-topmenu">
  <li class="off"><a href="#verbraucher1">Aktuell</a></li>
  <li class="on"><a href="#verbraucher5">Hardware</a></li>
  <li class="off"><a href="#verbraucher2">Periode</a></li>
  <li class="off"><a href="#verbraucher3">{wert:0_userdata.0.Zeitvariablen.Jahr;parseInt(wert)-1} / {0_userdata.0.Zeitvariablen.Jahr}</a></li>
  <li class="off"><a href="#verbraucher4">Stammdaten</a></li>
</ul>
</nav>
</div>

Seit ios27 wurden plötzlich alle Seiten die ich über die Links geöffnet habe neu geladen.
Dieses Verhalten hatte ich nur in der "ioBroker App", im Safari war alles normal. "ioBroker Visu" nutze ich nicht.

Nach abändern der Links auf

<div class="sm-body-topmenu">
<nav>
<ul class="sm-topmenu">
<li class="off"><a href="javascript:vis.changeView('verbraucher1');">Aktuell</a></li>
<li class="on"><a href="javascript:vis.changeView('verbraucher5');">Hardware</a></li>
<li class="off"><a href="javascript:vis.changeView('verbraucher2');">Periode</a></li>
<li class="off"><a href="javascript:vis.changeView('verbraucher3');">{wert:0_userdata.0.Zeitvariablen.Jahr;parseInt(wert)-1} / {0_userdata.0.Zeitvariablen.Jahr}</a></li>
<li class="off"><a href="javascript:vis.changeView('verbraucher4');">Stammdaten</a></li>
</ul>
</nav>
</div>

Läuft es auch mit der "ioBroker App" wieder wie zuvor.

htrecksler

@dogfight76 "ioBroker Visu" ist auch eine App die man im AppStore herunterladen kann.

Samson71

@htrecksler sagte:
"ioBroker Visu" ist auch eine App

Es ist DIE App wenn man so will. Die alte App "iobroker.vis" wurde zuletzt aktualisiert am 30.01.2021 (lt. Google Playstore) und die aktuelle App "iobroker Visu" zuletzt am 15.09.2026

stenmic

@Samson71 sagte:

@htrecksler sagte:
"ioBroker Visu" ist auch eine App

Es ist DIE App wenn man so will. Die alte App "iobroker.vis" wurde zuletzt aktualisiert am 30.01.2021 (lt. Google Playstore) und die aktuelle App "iobroker Visu" zuletzt am 15.09.2026

Leider, die alte finde ich um längen besser, was die Darstellung der VIS angeht. Aber es wird ja schon wieder an etwas neuem für Apple gearbeitet. Dann gibt es vermutlich 3 Apps und keiner kennt sich mehr aus. Das die neue besser wird, bezweifle ich auch, eher, wie vieles, eher schlechter…

Samson71

@stenmic sagte:
Leider, die alte finde ich um längen besser, was die Darstellung der VIS angeht.

Auf den ersten Blick konnte ich da keinen Unterschied erkennen. Bei der alten App musste man aber nach jeder Änderung einen kompletten Re-Sync anstoßen, damit die Darstellung korrekt war. Das braucht die neuere App nicht. Da wird jede Änderung dynamisch übernommen.

stenmic

@Samson71 sagte:

@stenmic sagte:
Leider, die alte finde ich um längen besser, was die Darstellung der VIS angeht.

Auf den ersten Blick konnte ich da keinen Unterschied erkennen. Bei der alten App musste man aber nach jeder Änderung einen kompletten Re-Sync anstoßen, damit die Darstellung korrekt war. Das braucht die neuere App nicht. Da wird jede Änderung dynamisch übernommen.

Kannst du mit der "neuen" mal einen Test machen?
Zoom bitte mit 2 Fingern eine Seite deiner VIS (möglichst in der mitte oder unten), wohin geht der Zoom.
In das "Zentrum" deiner Finger, oder in die Ecke links oben?

Und dann noch bitte sagen ob ios oder Android

Samson71

@stenmic sagte:
Zoom bitte mit 2 Fingern eine Seite deiner VIS (möglichst in der mitte oder unten), wohin geht der Zoom.

2-Finger-Zoom in der Mitte der VIS und die Schaltfläche über der ich das getan habe, wird sauber aufgezoomt. Also im Zentrum meiner Finger. Ich bin (bis auf ein Dienst-IPad gegen das ich mich nicht wehren konnte ) komplett auf Android.

stenmic

@Samson71
Danke, aber hast du den Test jetzt auf dem iPad gemacht oder auf Android?

Samson71

@stenmic
Sowohl als auch. Habe dazu auf dem Dienst-IPad sogar die App's nochmal extra installiert. Normalerweise nutze ich das dort gar nicht.

SilentM1978

Ich habe das Problem inzwischen etwas genauer untersucht. Bei mir tritt es auf iPhone und iPad mit iOS/iPadOS 27 in Safari, Firefox und Edge auf. Auf einem Windows-PC mit Firefox funktioniert die Admin-Oberfläche dagegen normal. Ein Update von Admin 8.0.11 auf 8.0.16 hat daran nichts geändert.

Im fehlerhaften Zustand lädt beim Wechsel auf z. B. Adapter, Instanzen, Objekte oder Protokolle nicht nur die jeweilige Ansicht, sondern die komplette Admin-Seite neu.

Mit einem Web-Inspector auf dem iPad konnte ich nachvollziehen, dass dabei tatsächlich ein neues Dokument geladen wird. Zusätzlich ließ sich das Verhalten sogar direkt mit
window.location.hash = '#tab-objects'
reproduzieren. Genau solche #tab-...-Hash-Wechsel verwendet ioBroker für die Navigation.

Der interessanteste Fund ist aber ein sehr einfacher Workaround:

Öffne ich ioBroker in einem neuen Tab und benutze es direkt, tritt das Problem auf. Aktualisiere ich die Seite direkt nach dem ersten Öffnen einmal manuell über die Browser-Adressleiste, funktioniert danach die Navigation im gleichen Tab normal und die ständigen kompletten Seiten-Neuladungen sind weg.

Als vorläufigen lokalen Workaround habe ich deshalb in der adminWww/index.html eingebaut, dass auf iPhone/iPad pro neuem Tab genau einmal automatisch neu geladen wird. Danach funktioniert die Admin-Oberfläche bei mir bislang normal.

Der Patch ist natürlich nur temporär und wird bei einem späteren Admin-Update vermutlich überschrieben.

Interessant wäre, ob sich das bei anderen Betroffenen mit iOS/iPadOS 27 genauso verhält: also ioBroker öffnen → einmal manuell aktualisieren → danach normale Navigation im gleichen Tab.

DarkDevil

@SilentM1978

Genau das Verhalten kann ich bestätigen bzw. nachstellen.

MOD-EDIT
Sinnloses Vollzitat als direkten Folgepost entfernt.

australien

@SilentM1978 wie hast du den workaround eingebaut?

australien

@silentm1978 hättest du da Infos dazu?

Duffy

Wie kommt man in der neuen iob Visu App in die Einstellungen?

Das mit den 3 Fingern von links nach rechts wischen geht bei mir nicht mehr.

Edit: habe es gefunden, mit 3 Fingern tippen. ;-)

SilentM1978

@australien
hier die komplette Anleitung.

Der folgende Workaround automatisiert genau diesen einmaligen Reload.

Hinweis: Ich betreibe ioBroker als Docker-Container. Die Befehle werden per SSH auf dem Docker-Host bzw. anschließend innerhalb des ioBroker-Containers ausgeführt.

Aktuell bei mir getestet mit:

buanet/ioBroker v12.0.0
Node.js v24.21.0
ioBroker Admin 8.0.23
iOS/iPadOS 27

Es handelt sich hierbei nicht um einen offiziellen Fix von ioBroker oder Apple, sondern um einen lokalen Workaround.

1. Namen des ioBroker-Docker-Containers feststellen

Per SSH auf den Docker-Host und:

docker ps --format "table {{.Names}}\t{{.Image}}\t{{.Status}}"

Bei mir heißt der Container:

iobroker-v12

Anschließend in den Container wechseln:

docker exec -it iobroker-v12 bash

Falls der eigene Container anders heißt, iobroker-v12 entsprechend ersetzen.

Danach:

cd /opt/iobroker

2. Pfad der Admin-Weboberfläche prüfen

find /opt/iobroker -type f -path '*iobroker.admin*' -name 'index.html' 2>/dev/null

Bei meiner Installation lautet der Pfad:

/opt/iobroker/node_modules/iobroker.admin/adminWww/index.html

Die folgenden Befehle beziehen sich auf diesen Pfad.

Falls bei dir ein anderer Pfad ausgegeben wird, müssen die nachfolgenden Befehle entsprechend angepasst werden.

3. Einmal-Reload-Skript erstellen

Den folgenden Block komplett kopieren und ausführen:

cat > /opt/iobroker/node_modules/iobroker.admin/adminWww/ios27-reload-once.js <<'EOF'
(function () {
    'use strict';

    var isAppleMobile =
        /iPad|iPhone|iPod/i.test(navigator.userAgent) ||
        (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);

    if (!isAppleMobile) return;

    var KEY = 'iobroker_admin_ios27_reload_once_v1';

    try {
        var nav = null;

        if (
            window.performance &&
            typeof window.performance.getEntriesByType === 'function'
        ) {
            nav = window.performance.getEntriesByType('navigation')[0];
        }

        if (nav && nav.type === 'reload') {
            sessionStorage.setItem(KEY, 'done');
            return;
        }

        if (sessionStorage.getItem(KEY) === 'done') return;

        sessionStorage.setItem(KEY, 'done');

        if (sessionStorage.getItem(KEY) !== 'done') return;

        window.setTimeout(function () {
            window.location.reload();
        }, 500);

    } catch (e) {
        console.warn('[iOS27 workaround] Auto-Reload nicht ausgeführt:', e);
    }
})();
EOF

4. JavaScript prüfen

node --check /opt/iobroker/node_modules/iobroker.admin/adminWww/ios27-reload-once.js

Wenn alles in Ordnung ist, kommt keine Ausgabe.

5. Workaround in die Admin-Weboberfläche einbinden

Damit die gerade erstellte JavaScript-Datei beim Öffnen des ioBroker Admin geladen wird, muss sie in die index.html der installierten Admin-Weboberfläche eingebunden werden.

Das erledigt folgender Befehl automatisch:

python3 - <<'PY'
from pathlib import Path

p = Path("/opt/iobroker/node_modules/iobroker.admin/adminWww/index.html")
data = p.read_text(encoding="utf-8")
tag = '<script src="ios27-reload-once.js"></script>'

if tag in data:
    print("OK: Workaround ist bereits eingebaut.")
elif "</head>" not in data:
    print("FEHLER: </head> wurde nicht gefunden.")
    raise SystemExit(1)
else:
    data = data.replace("</head>", f"    {tag}\n</head>", 1)
    p.write_text(data, encoding="utf-8")
    print("OK: Workaround wurde eingebaut.")
PY

Bei erfolgreichem Einbau erscheint:

OK: Workaround wurde eingebaut.

Die index.html muss also nicht von Hand mit einem Editor bearbeitet werden.

6. Einbindung kontrollieren

grep -n "ios27-reload" /opt/iobroker/node_modules/iobroker.admin/adminWww/index.html

In der Ausgabe sollte Folgendes enthalten sein:

<script src="ios27-reload-once.js"></script>

Dann ist der Workaround korrekt eingebunden.

7. Admin-Dateien übernehmen

iobroker upload admin

Den Vorgang vollständig durchlaufen lassen.

Danach:

iobroker restart admin.0

Optional kann anschließend kontrolliert werden:

iobroker status admin.0

8. Auf dem iPhone/iPad testen

Den bisherigen Safari-Tab mit dem ioBroker Admin komplett schließen und anschließend einen neuen Tab öffnen.

Dann:

ioBroker Admin aufrufen.
Nicht manuell neu laden.
Beim ersten Aufruf sollte nach ungefähr 0,5 Sekunden einmal automatisch neu geladen werden.
Danach z. B. zwischen Adapter, Instanzen, Objekte, Log und Hosts wechseln.

Das gewünschte Verhalten sieht so aus:

Admin öffnen
      ↓
einmaliger automatischer Reload
      ↓
Admin startet erneut
      ↓
kein weiterer Auto-Reload
      ↓
Navigation funktioniert normal

Bei mir funktionieren danach die Wechsel zwischen den verschiedenen Admin-Bereichen wieder normal, ohne die vorherigen vollständigen Reloads.

Der Workaround wird nur auf einem erkannten iPhone/iPad ausgeführt.

Wichtig bei zukünftigen Admin-Updates

Da hierbei Dateien der lokal installierten Admin-Weboberfläche verändert werden, wird ein späteres ioBroker-Admin-Update den Workaround wieder überschreiben.

Das ist meiner Meinung nach auch sinnvoll.

Nach einem neuen Admin- oder iOS/iPadOS-Update würde ich zunächst ohne Workaround testen, ob das eigentliche Problem inzwischen behoben wurde.

Dazu einfach einen neuen Safari-Tab öffnen, den Admin aufrufen und ohne manuellen Reload mehrere Admin-Bereiche wechseln.

Falls das Problem weiterhin besteht, kann der Workaround anschließend wieder wie oben beschrieben eingebaut werden.

Bei mir läuft die Lösung aktuell mit:

ioBroker als Docker-Container
buanet/ioBroker v12.0.0
Node.js v24.21.0
ioBroker Admin 8.0.23
iOS/iPadOS 27

Community Forum

NEWS