iFrame javaScript und CSS (openWB Interface)

[Martin1982]

Hallo,

ich würde gerne in meiner Visualisierung das komplette Webinterface meiner Wallbox (openWB) anzeigen lassen. Ich hatte mir gedacht, dass ich die Seite einfach in einem iFrame im VIS anzeigen lassen kann. Aber leider klappt das nicht vernünftig.

Die Seite wird angezeigt aber zeigt keine Sinnvollen Einstellungen und Menüs an. Habe schon im openWB Forum nachgefragt, da wird vermutet dass es an JavaScript oder CSS liegt. Gibt es diesbezüglich bei dem iFrame in VIS irgendwelche Einschränkungen? Hat jemand noch eine Idee was ich machen kann?

Das ist der Thread im openWB Forum:
https://openwb.de/forum/viewtopic.php?f=9&t=2708

So sieht es im iFrame aus:

So sollte es eigentlich aussehen:

Gruß
Martin

[lesiflo]

@martin1982 Hi, bei mir sieht das auch so aus. Allerdings nur wenn ich es mir im Webbrowser auf dem PC öffne. Auf dem Tablet sieht es so aus wie es sein soll. Da ich aber nur das Tablet nutze stört mich die Wiedergabe auf dem PC nicht.
Hast du es schon mal auf dem Tablet gestartet?

PC

[Martin1982]

Hallo und danke für den Hinweis, ich hatte es gar nicht weiter auf anderen Geräten getestet.
Ich habe es jetzt mal auf verschiedenen Geräten getestet und habe wirklich unterschiedliche Ergebnisse obwohl es immer der "selbe" Browser war.

Falsche Darstellung:

• Chromebook (also Desktop Chrome Browser)
• Pixel 4a und auch ein Xiaomi Android Smartphone (mobiler Chrome Browser)

Richtige Darstellung:

• Raspberry Pi 4 mit Chromium im Kiosmodus (Kleines Display im Flur)

Da es im Flur richtig anzeigt wird kann ich erst mal damit arbeiten, aber auf den Smartphones sollte es auch noch laufen. Ich werde bei Zeiten mal die Browsereinstellungen vergleichen. Eventuell kann man ja was erkennen.

Gruß
Martin

[Joachim H.]

@martin1982 Darf ich euch mal fragen welches Tablet und wi eihr das für openWB nutzt?
Ein Altes Android? oder eines ohne Batterie?
Ich habe für Domoticz immer ein altes Samsung genommen, aber irgendwann hat es nicht mehr geladen bzw war wohl die Batterie am Ende durch das dauerladen (wobei jetzt wo ich es getrennt habe läuft es wieder normal und auch recht lange)
Ich brauch wohl dringend was für openWB...so übers Handy ist auch nicht perfekt...

[Martin1982]

Bei mir ist es kein Tablet. Sondern ein kleiner Touchscreen der per HDMI und USB am Raspberry Pi hängt.

[lesiflo]

@martin1982 Ich hab das mal über Firefox gestartet, da ist die Anzeige so wie sie sein soll. Liegt wohl
am Chrome und dessen Einstellungen. Im Edge ist der Fehler aber auch, wohl weil der auf auf Chrome basiert.

[kratan75]

@martin1982 Also bei mir funktioniert das mit keinem Browser.
Sobald man die OpenWB direkt aufruft funktionierts, jedoch nicht über den Iframe am kleinen Touchscreen.
Mit dem Edge unter Windows funktioniert es auch nicht wenn man die VIS aufruft, jedoch schon wenn man die OpenWB Seite direkt aufruft.

Was kann das noch sein ?
Irgendwelche Einstellungen im IOBROOKER ?

Grüße
Andreas

[kratan75]

@kratan75 sagte in iFrame javaScript und CSS (openWB Interface):

@martin1982 Also bei mir funktioniert das mit keinem Browser.
Sobald man die OpenWB direkt aufruft funktionierts, jedoch nicht über den Iframe am kleinen Touchscreen.
Mit dem Edge unter Windows funktioniert es auch nicht wenn man die VIS aufruft, jedoch schon wenn man die OpenWB Seite direkt aufruft.

Was kann das noch sein ?
Irgendwelche Einstellungen im IOBROOKER ?

Grüße
Andreas

Hallo und guten Morgen.
Gibts hier schon Neuigkeiten bzw. weiß jemand Rat ?

Grüße Andreas

[lesiflo]

@kratan75 Ich mache das nicht mit dem kompletten Frontend sondern nur mit der abgespeckten Anzeige:

Ist ein iFrame Objekt mit der Adresse: http://<openWB-IP>/openWB/web/display/display.php

[kratan75]

@lesiflo
Das würde funktionieren, nur dann habe ich nur das abgespeckte Display welches auch an der Wallbox angezeigt wird.
Hierüber kann man keine Einstellungen ändern wie Tibber Ladeschwelle, Ladestrombegrenzung, Fahrzeug MAX EOC oder Max Entladeleistung für die Hausbatterie etc.

Gibts auch noch einen anderen Weg diese Einstellungen zugänglich zu machen ?
Soweit ich weiß geht das mit Keinem Display Theme.

Viele Grüße
Andreas

[OliverIO]

@martin1982 sagte in iFrame javaScript und CSS (openWB Interface):

Gibt es diesbezüglich bei dem iFrame in VIS irgendwelche Einschränkungen?

eigentlich nicht, aber von der aufrufenden seite her könnte es einschränkungen geben

wenn du die seite in vis geladen hast. öffne mal mit F12 die browser konsole.
dort müssten fehler / warnunen stehen.

folgende möglichkeiten gibt es

• x-frame options, da verbietet die geladene seite, das man sie unter einer anderen domain/ip-adresse anzeigen lässt
• Content Security Policy:, so ähnlich wie x-frame
• CORS/sandbox: auch so ähnlich
• Mixed Content: http und https Seiten gemischt verbietet der browser

alle 4 probleme könnte man mit einem proxy umgehen, ist aber etwas konfigurations und installationsaufwand

[lesiflo]

@kratan75 Im Modus "Sofort" gibt es diese Einstellmöglichkeiten:

Alternativ bindest du openWB über mqtt ein und machst die Einstellungen vom iobroker aus. Mache ich genauso. z.B. so

[kratan75]

@lesiflo Cool. Ist das untere Bild deine selbst erstellt VIS zur Open WB ?
Sieht bei mir ja richtig Altbachern aus im Gegensatz zu deiner MQTT ist bei mir auch aktiv, da kann ich aber nur die Lademodi einstellen und ein paar Infos abrufen.

Vielleicht bau ich mir auch mal was neues im Winter wenn ich Zeit habe.

Mit dem Theme Colors gehts tatsächlich. Nicht aber mit dem Symbolfluß.
Die Tibberpreise ruf ich jetzt selber ab via Open WB und steuere die Open WB über MQTT.

Danke schonmal für den Tipp

Grüße Andreas