2016-06-27 9 views
-1

Es gibt einen Server, der Web-Seite dient (nennen wir es Host-Web-Server). Diese Seite enthält iframe, die eine Verbindung zu meinem Gerät herstellt und den Inhalt des HTTP-Servers anzeigt. Es ist ein kleines Gerät mit einer Verbindung mit geringer Bandbreite, daher muss ich die Datenübertragungsgröße verringern. Trotzdem möchte ich, dass meine Webseite nett aussieht, reaktionsfreudig usw. ist, also möchte ich Bootstrap und Angular von einem externen Ort laden. Aber es gibt eine Einschränkung für den Webbrowser - es kann keine externen Ressourcen innerhalb der iframe laden.Externe .css und .js in iframe

Alle Lösungen, die ich gefunden habe, nahmen an, den Zugriff auf die äußere Webseite zu bearbeiten. Es ist mir nicht möglich, weil es der Service eines anderen Unternehmens ist.

Gibt es eine Lösung für dieses Problem?

EDIT: Ich würde erwarten, zuerst die Frage vor Down-Voting VERSTEHEN und einen Grund dafür geben.

+0

Mögliches Duplikat [von iframe Seite CSS von Eltern Ereignis ändern] (http://stackoverflow.com/questions/19537555/from -iframe-page-event-change-css-of-parent) (Wenn Ihr Iframe und Eltern-Inhalte nicht in der gleichen Domäne sind, haben Sie Pech und werden von CORS blockiert.) – Serlite

Antwort

1

Es ist möglich. Sie benötigen JavaScript, um zu erreichen, was Sie wollen.
myiframe.$('div').style.border = '1px solid #000000'

wäre ein guter Anfang.

Wie für Ihre eigenen JS Injektion, hat Stapel eine gute Antwort hier: injecting external js into self created iframe

+0

Das Problem ist, dass ich bin innerhalb des Frames (der Inhalt aus verschiedenen Domänen anzeigt), so dass ich kein externes Skript laden kann (zB jquery, das für den Code benötigt wird). Ich kann nicht einmal auf das Element "document" und seine untergeordneten Elemente zugreifen, sodass ich append (script) nicht ausführen kann. – kappa