1024x768 Bookmarklet

Die Tage der 800×600 Bildschirme sind so gut wie vorbei, aber die meisten von uns versuchen immer noch, 1024px breite Bildschirme zu berücksichtigen. Daher die Popularität von "960" breiten Websites. Dieses Bookmarklet wird das aktuelle Browserfenster auf diese Breite und Höhe ändern. Sie wissen schon, damit wir Webdesigner mit riesigen Monitoren sehen können, wie es ist, mit einem 1024er Bildschirm zu "leben". Auch um "den Fold" zu sehen, wenn ein solches Konzept überhaupt noch eine Rolle spielt.

javascript:resizeTo(1024,768)

Das Bookmarklet

1024×768 < Zum Lesezeichen-Balken ziehen

Das scheint überhaupt nicht mehr zu funktionieren (getestet in der stabilen Version von Chrome und Firefox, April 2013). Es funktionierte früher nur, wenn das Fenster allein war, nicht wenn mehrere Tabs geöffnet waren, aber jetzt funktioniert auch das nicht mehr.

Es gibt eine Möglichkeit, das zu tun, da ich immer noch regelmäßig vergrößerte Popups sehe. Fühlen Sie sich frei, sich in den Kommentaren einzubringen, wenn Sie mehr wissen.

Kommentare

Thomas Offinga

# 15. Oktober 2009

Wow, das ist wirklich nett. Funktioniert perfekt für Ihre Website!

Antworten

Tyrale

# 15. Oktober 2009

Vielleicht noch eins, um meinen Browser wieder auf das zurückzusetzen, was er war?

Antworten

Thomas Offinga

Permalink zum Kommentar# 15. Oktober 2009

Aber das wäre irgendwie schwer, oder? Da jeder heutzutage einen anderen Browser hat.

LaVonne Ellis

# 15. Oktober 2009

Schön. Aber Chris, jetzt sehe ich, dass deine Seite ein paar Pixel zu breit ist! :)

Antworten

Chris Coyier

Permalink zum Kommentar# 15. Oktober 2009

Diese Seite passt genau hinein, ohne Scrollbar...
Ben

Permalink zum Kommentar# 16. Oktober 2009

Bei mir erscheint eine Scrollleiste :(
Chris Coyier

Permalink zum Kommentar# 16. Oktober 2009

Nun, dann hast du etwas in deinem Browser, das die Breite einschränkt.
LaVonne Ellis

Permalink zum Kommentar# 15. Oktober 2009

Hmm, nicht in meinem Firefox... aber sehr nah dran. Wahrscheinlich liegt es an meinen Einstellungen. Entschuldigen Sie, bei all Ihren digitalen Problemen diese Woche brauchen Sie nicht noch mehr Ärger von mir!
Callum

Permalink zum Kommentar# 15. Oktober 2009

Ich muss sagen, das ist mir auch aufgefallen. Aber sehr hilfreiches Werkzeug

Andrew Sellenrick

# 15. Oktober 2009

Funktioniert nicht vom Lesezeichen-Balken in Safari 4, aber funktioniert, wenn Sie auf den Button auf der Seite klicken. Irgendwelche Ideen?

Antworten

Klaus @ TechPatio

# 16. Oktober 2009

Ziemlich clever und funktioniert perfekt in Firefox. Allerdings werde ich diese Größe nicht mehr lange beibehalten, da sie wirklich, wirklich klein ist :)

Antworten

Shane

# 19. Oktober 2009

Das Bookmarklet funktioniert weder in Safari über die Website noch als Bookmarklet, aber in Firefox funktioniert es gut. Ich habe mehrere andere JS-Bookmarklets, die einwandfrei funktionieren.

Haben Sie eine Idee, Chris?

Antworten

Chris Coyier

Permalink zum Kommentar# 19. Oktober 2009

Funktioniert bei mir in Safari einwandfrei. Wahrscheinlich einige Einstellungen auf Ihrer Seite.
Tyrale

Permalink zum Kommentar# 10. November 2009

Habe festgestellt, dass das Bookmarklet in Safari 4 nur funktioniert, wenn keine Tabs geöffnet sind. Wenn nur ein Fenster geöffnet ist, funktioniert es wie ein Zauber. Bei 2 oder mehr Tabs haben Sie Pech.

Ich habe auch ein 1200×1180 Bookmarklet erstellt, um meinen Bildschirm wieder in den gewünschten Zustand zu versetzen.

mizwo

# 23. Oktober 2009

Web Developer Toolbar! =)

Antworten

Chris Hajer

# 28. Oktober 2009

Hmm, funktioniert das nicht in Chrome 3.0.195 unter XP?

Antworten

Sunny Singh

# 29. Oktober 2009

Funktioniert bei mir nicht, ich bin in Firefox 3.5.4

Antworten

Jack Bliss

Permalink zum Kommentar# 24. Juni 2010

Wie viele Tabs haben Sie geöffnet? Es funktioniert nicht in Safari, Chrome oder IE, es sei denn, Sie haben nur einen Tab geöffnet. Außerdem ist es sehr, sehr einfach, die Abmessungen nach Ihren Wünschen zu ändern - Sie könnten 1×1 machen.
Chris Coyier

Permalink zum Kommentar# 24. Juni 2010

Sehr interessant zu wissen, dass mehrere Tabs das verhindern.

Sunny Singh

# 29. Oktober 2009

Oh, und die Developer Toolbar hat diese Funktionalität, nur dass sie sich nicht merkt, welche Abmessungen Sie eingegeben haben, und eine der Standardeinstellungen ist 800×600.

Antworten

Mohammed Alaa

# 2. Dezember 2009

Es hat auf Chrome nicht funktioniert!

Antworten

Daryl

# 21. September 2010

Was ist mit Handheld-Geräten wie iPods, iPads, Blackberries usw., die immer noch eine Auflösung von 800×600 verwenden? Ich stimme diesem Beitrag nicht zu, dass 800×600 so gut wie vorbei sind! Tatsächlich ist die Auflösung 800×600 beliebter, als Sie denken, und wird immer noch überall weit verbreitet eingesetzt.

Antworten

Galen Gidman

# 29. Dezember 2010

Das scheint in Chrome 8 nicht zu funktionieren, Chris. Ich bin mir nicht sicher, was das Problem ist, aber Sie sollten das vielleicht überprüfen.

Antworten

Justin Britt

# 16. November 2011

Funktioniert nicht in Chrome und funktioniert jetzt auch bei mir nicht mehr in Firefox :-(

Antworten

Mike

# 25. April 2012

Das hat bei mir aus irgendeinem Grund nicht funktioniert...

Antworten

David Hopkins

Permalink zum Kommentar# 11. April 2013

Nicht sicher, ob das noch funktioniert. Getestet in Firefox 20 auf Mac.

Joe Liuzzi

# 26. Juni 2013

Ich versuche, es in Safari zu verwenden, aber es scheint nicht zu funktionieren. Hat jemand Erfolg gehabt?

Antworten

Jas

# 7. August 2013

Das funktioniert jetzt nur noch in IE, immer noch sehr hilfreich, solange Sie einen PC haben.

Antworten

Jas

# 7. August 2013

Es gibt auch eine nette Chrome-Erweiterung hier — https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en

Antworten

Arjaan

# 10. Februar 2014

Es scheint, dass dies in IE11 immer noch funktioniert, aber nur, wenn Sie einen Tab geöffnet haben. Sobald Sie einen zweiten Tab öffnen, funktioniert die Größenänderung nicht mehr.

Antworten

Arturo

# 17. August 2014

Das funktioniert irgendwie: http://resizemybrowser.com

Antworten

Mike

# 28. Dezember 2020

Es ist jetzt 2020; Browser haben sich geändert. Es funktioniert halbwegs, wenn Sie den Zielcode des Bookmarklets (alles nach javascript:) durch Folgendes ersetzen: Es öffnet ein Popup mit der URL der aktuellen Website bei 1024×768. Beachten Sie, dass in Chrome / Safari die meisten Fensterfunktionen (Symbolleisten usw.) ignoriert werden.

Code

(function(){var id = 'w' + new Date().getTime(); var options = 'toolbar=yes,location=yes,status=yes,resizable=yes,favorites=yes,width=1024,height=768,left=0,top=0'; var p = document.createElement("P"); p.innerHTML=('<a href="#" id="' + id + '" target="_blank" onclick="window.open(window.location.href, \'\', \'' + options + '\' ); return false;"></a></p>'); document.body.appendChild(p); document.getElementById(id).click() && document.body.removeChild(p);}())

Derselbe Code wie oben, aber formatiert

(function() {
    var id = 'w' + new Date().getTime();
    var options = 'toolbar=yes,location=yes,status=yes,resizable=yes,favorites=yes,width=1024,height=768,left=0,top=0';
    var p = document.createElement("P");
    p.innerHTML = ('<a href="#" id="' + id + '" target="_blank" onclick="window.open(window.location.href, \'\', \'' + options + '\' ); return false;"></a></p>');
    document.body.appendChild(p);
    document.getElementById(id).click() && document.body.removeChild(p);
}())

Antworten

Das Bookmarklet

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen