Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. iFrame javaScript und CSS (openWB Interface)

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    14
    1
    150

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    12
    1
    565

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

iFrame javaScript und CSS (openWB Interface)

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
13 Beiträge 5 Kommentatoren 1.1k Aufrufe 4 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M 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:
    Screenshot 2021-03-05 10.10.56.png

    So sollte es eigentlich aussehen:
    Screenshot 2021-03-05 14.46.11.png

    Gruß
    Martin

    L Offline
    L Offline
    lesiflo
    Most Active
    schrieb am zuletzt editiert von lesiflo
    #2

    @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
    ca70ace7-5316-47c2-a98c-fab3e795041a-image.png

    1 Antwort Letzte Antwort
    0
    • M Offline
      M Offline
      Martin1982
      schrieb am zuletzt editiert von
      #3

      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.J K 2 Antworten Letzte Antwort
      0
      • M 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.J Offline
        Joachim H.J Offline
        Joachim H.
        schrieb am zuletzt editiert von
        #4

        @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...

        1 Antwort Letzte Antwort
        0
        • M Offline
          M Offline
          Martin1982
          schrieb am zuletzt editiert von
          #5

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

          L 1 Antwort Letzte Antwort
          0
          • M Martin1982

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

            L Offline
            L Offline
            lesiflo
            Most Active
            schrieb am zuletzt editiert von
            #6

            @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.

            1 Antwort Letzte Antwort
            0
            • M 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

              K Offline
              K Offline
              kratan75
              schrieb am zuletzt editiert von
              #7

              @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

              K 1 Antwort Letzte Antwort
              0
              • K 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

                K Offline
                K Offline
                kratan75
                schrieb am zuletzt editiert von
                #8

                @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

                L 1 Antwort Letzte Antwort
                0
                • K 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

                  L Offline
                  L Offline
                  lesiflo
                  Most Active
                  schrieb am zuletzt editiert von
                  #9

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

                  51f92d78-8991-4c2f-8d62-b0ee47261361-image.png

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

                  K 1 Antwort Letzte Antwort
                  0
                  • L lesiflo

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

                    51f92d78-8991-4c2f-8d62-b0ee47261361-image.png

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

                    K Offline
                    K Offline
                    kratan75
                    schrieb am zuletzt editiert von
                    #10

                    @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

                    L 1 Antwort Letzte Antwort
                    0
                    • M 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:
                      Screenshot 2021-03-05 10.10.56.png

                      So sollte es eigentlich aussehen:
                      Screenshot 2021-03-05 14.46.11.png

                      Gruß
                      Martin

                      OliverIOO Offline
                      OliverIOO Offline
                      OliverIO
                      schrieb am zuletzt editiert von
                      #11

                      @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

                      Meine Adapter und Widgets
                      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                      Links im Profil

                      1 Antwort Letzte Antwort
                      0
                      • K 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

                        L Offline
                        L Offline
                        lesiflo
                        Most Active
                        schrieb am zuletzt editiert von lesiflo
                        #12

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

                        66c3023b-de75-41cb-9754-66e18afdfaea-image.png

                        Alternativ bindest du openWB über mqtt ein und machst die Einstellungen vom iobroker aus. Mache ich genauso. z.B. so
                        63d6694d-43f9-45dd-9250-eb57cf3c34e9-image.png

                        K 1 Antwort Letzte Antwort
                        0
                        • L lesiflo

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

                          66c3023b-de75-41cb-9754-66e18afdfaea-image.png

                          Alternativ bindest du openWB über mqtt ein und machst die Einstellungen vom iobroker aus. Mache ich genauso. z.B. so
                          63d6694d-43f9-45dd-9250-eb57cf3c34e9-image.png

                          K Offline
                          K Offline
                          kratan75
                          schrieb am zuletzt editiert von
                          #13

                          @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.

                          353eca58-4f00-45fd-9521-7782cd06d988-image.png

                          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.
                          cbf0b901-05ce-4528-ae75-ee4ca2e3fe3e-image.png

                          5905a1d7-2190-4385-96a7-c4f88bbc0598-image.png

                          Danke schonmal für den Tipp :-)

                          Grüße Andreas

                          1 Antwort Letzte Antwort
                          0
                          Antworten
                          • In einem neuen Thema antworten
                          Anmelden zum Antworten
                          • Älteste zuerst
                          • Neuste zuerst
                          • Meiste Stimmen


                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          553

                          Online

                          32.5k

                          Benutzer

                          81.8k

                          Themen

                          1.3m

                          Beiträge
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                          ioBroker Community 2014-2025
                          logo
                          • Anmelden

                          • Du hast noch kein Konto? Registrieren

                          • Anmelden oder registrieren, um zu suchen
                          • Erster Beitrag
                            Letzter Beitrag
                          0
                          • Home
                          • Aktuell
                          • Tags
                          • Ungelesen 0
                          • Kategorien
                          • Unreplied
                          • Beliebt
                          • GitHub
                          • Docu
                          • Hilfe