Iframe wird nicht angezeigt

Glasfaser

@Thorsten1978

Meinst du so :

Bild von Homematic:

Bild von der Synology :

Das ist normal ,
oder du hebelst die Sicherheiteinstellungen tief im System bei den Browser um , nicht zu empfehlen .

Bei anderen Anzeigen im Iframe hilft der Haken , aber eher selten ....

Thorsten1978

@Glasfaser
Ne es wird gar nicht geöffnet

Bekomme keine Website im Iframe angezeigt

Mit dem Haken hatte ich in einem anderen Post schon gelesen brachte aber keine Änderung.

Glasfaser

@Thorsten1978
Welcher Browser

Nimm mal diese Test Homepage

http://homepage.bnv-bamberg.de/

Thorsten1978

Hab es mit Chrome/Firefox und Safari ausprobiert.

Glasfaser

@Thorsten1978

Teste mal mit dem Link . siehe oben !

Thorsten1978

@Glasfaser said in Iframe wird nicht angezeigt:

http://homepage.bnv-bamberg.de/

Der geht!

Glasfaser

@Thorsten1978
@Glasfaser sagte in Iframe wird nicht angezeigt:

Das ist normal ,
oder du hebelst die Sicherheiteinstellungen tief im System bei den Browser um , nicht zu empfehlen .

flitzpiepe

Hallo,
bei der Recherche zu meinem Problem, bin ich auf diesen Thread gestoßen. Bei mir ist das Verhalten exakt genauso.
Gibt es hierfür keine Lösung, so wie ich es verstehe? Bei mir wird der Inhalt eines Wetter-Widgets von einer externen Seite nicht geladen.

Grüße...

sigi234

@flitzpiepe

Stell mal die Url rein.

flitzpiepe

@sigi234

Hi,

es geht um ein Wetter-Widget von https://weatherwidget.io/. Man bekommt hier den html-Code entsprechend seiner gewünschten Konfiguration:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Titel</title>
  </head>
  <body>
  <a class="weatherwidget-io" href="https://forecast7.com/de/53d088d80/bremen/" data-label_1="BREMEN" data-label_2="Wetter" data-font="Arial" data-icons="Climacons Animated" data-days="3" data-theme="dark" >BREMEN Wetter</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>

  </body>
</html>

Ich habe zwei Versuche unternommen:
Zum einen den Code in einer html-Datei gespeichert und diese gespeichert unter "/vis.0/WidgetData/wetter.html" und im iFrame unter Quelle dies entsprechend angegeben. Ergebnis: In VIS wird das Widget erfolgreich angezeigt, jedoch nicht in der ioBroker-App auf dem Tablet.

Zweiter Versuch war die html-Datei auf meinen Webserver zu legen und unter Quelle dann "http://192.168.2.14/wetter/wetter.html" anzugeben. Das Verhalten ist dann so, wie hier im Thread beschrieben.

Heute Vormittag hate ich diesen Thread noch nicht entdeckt, weswegen ich einen neuen angelegt hatte. Hier sind noch ein paar Screenshots, etc. zusätzlich verfügbar:
Zoomlevel + Inhalt iFrame auf Tablet anzeigen

Grüße...

flitzpiepe

Hallo und frohes neues Jahr an alle!
Vermutlich ist der Zeitpunkt für mein Problem über Weihnachten/Neujahr eher suboptimal für die Frequentierung des Threads. Wollte nur eben kundtun, dass ich mich weiter über hilfreiche Hinweise freue ;-)

Grüße...

Homoran

@flitzpiepe sagte in Iframe wird nicht angezeigt:

jedoch nicht in der ioBroker-App auf dem Tablet.

Das geht mit der App nur, wenn das html öffentlich im Internet verfügbar ist.
Lediglich Bilder, die unter vis.0 liegen werden angezeigt

flitzpiepe

Hallo,

@Homoran said in Iframe wird nicht angezeigt:

@flitzpiepe sagte in Iframe wird nicht angezeigt:

jedoch nicht in der ioBroker-App auf dem Tablet.

Das geht mit der App nur, wenn das html öffentlich im Internet verfügbar ist.
Lediglich Bilder, die unter vis.0 liegen werden angezeigt

Danke für den Tipp, ich habe die html Datei auf einen öffentlichen Webspace kopiert und dann klappt auch der Zugriff! Da wäre ich so nicht drauf gekommen ;-)
Vorher hatte ich die Datei übrigens direkt in vis.0 kopiert, aber hiermit war der Zugriff in der App. weiterhin nicht möglich, da dies- wie du schreibst, nur für Bilder klappt.

Grüße...

OliverIO

@Homoran das ist nicht ganz korrekt. Es muss nicht öffentlich im Internet stehen.
Man kann in den iFrame auch einfach die Lokale url auf die view eintragen.
So löse ich das bei mir mit den squeezeboxrpc Widgets.
Bei der direkten Anzeige der view wird in der App nix angezeigt, da mein Adapter im source der App nicht registriert ist.
Mache ich eine weitere view mit nur einem iFrame in den ich die lokale url eintrage zum view, dann funktioniert alles.

Beim ausprobieren hatte ich noch einen stolperer
In der vis html fehlt leider in der content security policy (im Header) die Angabe zum iFrame
frame-src:*
Vgl. auch https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
Das musste ich einmal anpassen.

Homoran

@OliverIO sagte in Iframe wird nicht angezeigt:

. Es muss nicht öffentlich im Internet stehen.

Sorry für die unpräzise Formulierung.
Es hätte heißen müssen: Beim mobilen Zugriff über die Cloud muss das html....

flitzpiepe

Hallo,

@Homoran said in Iframe wird nicht angezeigt:

@OliverIO sagte in Iframe wird nicht angezeigt:

. Es muss nicht öffentlich im Internet stehen.

Sorry für die unpräzise Formulierung.
Es hätte heißen müssen: Beim mobilen Zugriff über die Cloud muss das html....

Zum Verständnis mische ich mich da nochmal ein, auch wenn ich jetzt ja zum gewünschten Ergebnis gekommen bin.
Ich verstehe es so, dass der lokale Zugriff auf die Webseite hätte funktionieren sollen, was bei mir aber nicht geklappt hat? Also:

http://192.168.2.33/wetter/wetter.html
=> funktioniert nicht, obwohl sich das Tablet mit IOBroker-App natürlich im selben Netz befindet und Zugriff auf die IP hat.

http://www.meinedomain.de/wetter/wetter.html
=> funktioniert.

Danke für kurzes Feedback.

Grüße...

OliverIO

Und was ist mit http://192.168.2.33:8082/wetter/wetter.html

Homoran

@flitzpiepe sagte in Iframe wird nicht angezeigt:

Danke für kurzes Feedback.

jetzt wirds schräg.

Bei meinem neuen Wetterwidget von wetterwidget io das ich in einem iFrame eingebunden habe klappt es am PC im Browser.

Dazu musste das HTML aber unter vis hochgeladen werden.

In der APP steht jetzt im iFrame file:///vis/wetterwidget.html konnte nicht geladen werden
Da ist ja auch keine IP da hinter.
Das ist so egal ob mobil über cloud oder lokal im Netz.

Da habe ich gedacht ich könne die Beschränkung umgehen

Im Moment habe ich kein anderes html über URL in einem iFrame, nachdem der DWD die Wetterkarte nicht mehr in einem iFrame zugelassen hatte

OliverIO

Dann mach eine 2. view mit einem iFrame. Dort trägst du die url des ersten frames ein.
Das umgeht die Beschränkungen der App

flitzpiepe

@OliverIO said in Iframe wird nicht angezeigt:

Und was ist mit http://192.168.2.33:8082/wetter/wetter.html

Mein lokaler Webserver auf dem NAS läuft auf default Port 80, von daher hatte ich den Port nicht angegeben.
Probeweise eben noch "http://192.168.2.33:80/wetter/wetter.html" in der Quelle des IFRames getestet, was auch nicht über IOBroker-App auf dem Tablet funktioniert hat. Direkter Aufruf im Browser des Tablets jedoch ok.

Community Forum

NEWS

Iframe wird nicht angezeigt

Support us

755

32.5k

81.6k

1.3m