Ich muss eine Website in eine andere Website einbetten (durch einen iframe denke ich). Ich möchte diese Website in dieser Auflösung einbetten: 200x150 Pixel.Wie bette ich eine skalierte Website über einen Iframe ein?
Wie kann ich das tun?
Es ist unmöglich, ganze Websites programmatisch zu skalieren, ob in einem Iframe oder nicht.
Sie müssten einen Screenshot der eingebetteten Seite auf der Serverseite machen, die Größe ändern und sie als Bild bereitstellen.
Wenn Sie meinen, die Website zu skalieren, um in diesen Rahmen zu passen, dann können Sie nicht.
Die Website müsste ungewöhnlich klein sein, um diesen Dimensionen zu entsprechen.
<iframe src="http://www.google.com" width=200px; height=150px;></iframe>
Wenn Sie keinen Zugriff auf die Iframes Seite selbst haben, dann gibt es sehr wenig, was Sie tun können, da Sie nicht iframe aus anderen Domänen mit Javascript zugreifen können. Wenn Sie die externe Seite ändern können, können Sie einen URL-Parameter übergeben oder CSS3 media queries versuchen. Für den URL-Parameter würden Sie einfach ein sekundäres Stylesheet hinzufügen, wenn der Parameter vorhanden wäre, der das Layout verändert oder die Größe der Webseite in irgendeiner Weise reduziert.
Für den Fall, dass jemand hier reinkommt. Lösung in https://stackoverflow.com/a/11382661/605112. Das gleiche Problem in einem anderen Kontext. Setze iframe auf die gewünschte Breite und Höhe und verwende CSS um es zu skalieren. Funktioniert möglicherweise nicht in allen Browsern.
<iframe width="1024" height="768" src="http://www.bbc.com" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>
Erwarten Sie, dass die Website so skaliert wird, dass sie vollständig in diesen Iframe passt oder in normaler Größe angezeigt wird? – Lazarus
Ich möchte die Website so skalieren, dass sie vollständig in diesen Iframe passt. Ist das möglich? Danke :) – xrobot2