Website in anderer Auflösung anzeigen?

Snoopey · 29.11.2011, 20:14

Hallo,
ich bin auf der Suche nach einer Möglichkeit, zu erfahren, wie meine Website in anderen Auflösungen angezeigt wird. Nun bin ich auf die Seite http://testsize.com/ gestoßen. Wenn ich nun allerdings versuche, die Seite mittels JavaScript zu verändern, taucht folgendes Problem auf:
Es wird nun natürlich die Größe, die mein Notebook anzeigt (also 1366) als Auflösung bei der Breite angegeben. Dadurch wird die Änderung nicht wirksam.

Wie kann ich die Auflösung also mit der Auflösungsweiche überprüfen? Gibt es da eine Möglichkeit? Denn das JS erkennt ja nur die Breite vom Notebook, auf dem ich die Seite aufrufe.

rudygotya · 29.11.2011, 20:24

Dein google stichwort: media queries
Polyfill: respond.js

nikosch · 29.11.2011, 20:26

Dann benutzt Du die falsche JS-Funktion

Snoopey · 29.11.2011, 20:55

Heißt das, es geht auch nur über CSS?

rudygotya · 29.11.2011, 21:00

War vorhin am Telefon, daher die knappe Antwort. Per CSS ist mMn. der sinnvollere/elegantere Weg.

Snoopey · 29.11.2011, 21:29

Danke, dass werde ich so machen. Ich arbeite auch lieber mit CSS als JS.

Snoopey · 30.11.2011, 07:10

Eine Frage noch:
Wofür ist die respond.js? Funktioniert es auch ohne? Ist es für Browser, die Media Queries nicht von Haus aus unterstützen?

rudygotya · 30.11.2011, 08:20

Genau

Nur Einbinden, wenn dus auch wirklich brauchst (bspw per Modernizr testen und ggf. nachladen).

Snoopey · 30.11.2011, 13:34

Und was passiert, wenn ich es einbinde, obwohl der Browser Media Queries bereits unterstützt? Oder kann man das machen?

nikosch · 02.12.2011, 15:46

Ganz frisch eingetrudelt: http://24ways.org/2011/conditional-l...onsive-designs

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Website automatisch aktuallisieren wenn jemand Drittes Daten geändert hat.	Kagome	Software-Design	3	05.09.2011 14:08
Website zuerst laden, dann anzeigen.	KarlJ	PHP Einsteiger	11	26.07.2011 18:12
Website mit Schnittstelle zum Bildhoster?	M1N€R2010	PHP Einsteiger	7	11.03.2011 08:08
[Erledigt] mysql_query() mit SQLDump	princemichi	PHP Einsteiger	4	07.03.2011 22:33
Daten von Website abgreifen und in Datenbank einfügen	loci	Datenbanken	10	08.02.2010 17:11
[Tipp?] Website Crawler der..	PatrickXX30	Off-Topic Diskussionen	3	11.11.2009 08:57
WEbsite in allen Browsers gleich anzeigen	rs_2009	HTML, Usability und Barrierefreiheit	3	02.11.2009 14:53
[Erledigt] Ermitteln einer eindeutigen Website?	Fruchtzwerk	PHP Tipps 2009	6	19.03.2009 18:10
Tabelle von anderer Website in eigene übernehmen (+aktualisieren)	Softyx	PHP Tipps 2008	31	07.07.2008 10:16
Idee: Website mit uncrackbarem Serial	Broadcast	PHP Tipps 2007	13	23.02.2007 22:59
Iframe einen Teil einer Website anzeigen	andrew22	HTML, Usability und Barrierefreiheit	12	09.02.2007 15:46
Website verzieht sich - Auflösung?		HTML, Usability und Barrierefreiheit	7	12.03.2006 16:17
Wie kann meine Website nur aktuelle Bilder anzeigen?	SvenLittkowski	PHP Tipps 2007	7	11.12.2005 09:15
SMS auf Website anzeigen	Locutus007	PHP Tipps 2005-2	5	02.08.2005 11:52
Formular --> Ergebnis auf anderer Seite anzeigen	Jojo1	PHP Tipps 2005	58	01.02.2005 17:13

29.11.2011, 20:14
Snoopey Benutzer Registriert seit: 04.10.2011 Beiträge: 82 PHP-Kenntnisse: Anfänger	Website in anderer Auflösung anzeigen? Hallo, ich bin auf der Suche nach einer Möglichkeit, zu erfahren, wie meine Website in anderen Auflösungen angezeigt wird. Nun bin ich auf die Seite http://testsize.com/ gestoßen. Wenn ich nun allerdings versuche, die Seite mittels JavaScript zu verändern, taucht folgendes Problem auf: Es wird nun natürlich die Größe, die mein Notebook anzeigt (also 1366) als Auflösung bei der Breite angegeben. Dadurch wird die Änderung nicht wirksam. Wie kann ich die Auflösung also mit der Auflösungsweiche überprüfen? Gibt es da eine Möglichkeit? Denn das JS erkennt ja nur die Breite vom Notebook, auf dem ich die Seite aufrufe.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

29.11.2011, 20:24
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Dein google stichwort: media queries Polyfill: respond.js __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

29.11.2011, 20:26
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Dann benutzt Du die falsche JS-Funktion __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

29.11.2011, 20:55
Snoopey Benutzer Registriert seit: 04.10.2011 Beiträge: 82 PHP-Kenntnisse: Anfänger	Heißt das, es geht auch nur über CSS?

29.11.2011, 21:00
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	War vorhin am Telefon, daher die knappe Antwort. Per CSS ist mMn. der sinnvollere/elegantere Weg. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

29.11.2011, 21:29
Snoopey Benutzer Registriert seit: 04.10.2011 Beiträge: 82 PHP-Kenntnisse: Anfänger	Danke, dass werde ich so machen. Ich arbeite auch lieber mit CSS als JS.

30.11.2011, 07:10
Snoopey Benutzer Registriert seit: 04.10.2011 Beiträge: 82 PHP-Kenntnisse: Anfänger	Eine Frage noch: Wofür ist die respond.js? Funktioniert es auch ohne? Ist es für Browser, die Media Queries nicht von Haus aus unterstützen?

30.11.2011, 08:20
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Genau Nur Einbinden, wenn dus auch wirklich brauchst (bspw per Modernizr testen und ggf. nachladen). __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

30.11.2011, 13:34
Snoopey Benutzer Registriert seit: 04.10.2011 Beiträge: 82 PHP-Kenntnisse: Anfänger	Und was passiert, wenn ich es einbinde, obwohl der Browser Media Queries bereits unterstützt? Oder kann man das machen?

02.12.2011, 15:46
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ganz frisch eingetrudelt: http://24ways.org/2011/conditional-l...onsive-designs __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --