Schnelles Testen mit versch. Auflösungen

[A k i m o]

Hi,

hier ein kleiner nützlicher Tip für schnelles Testen von Websites in den unterschiedlichsten Bildschirmauflösungen:

<tip>
Im IExplore am einfachsten einen vorhandenen Link aus den Favoriten ändern (dafür z.B. vorher eine beliebige Seite bookmarken) dann die Favoriten aufrufen (win) Rechtsklick auf den Link, Eigenschaften einen Passenden Namen vergeben z.B "800x600" und unter URL folgendes eintragen:

javascript:window.resizeTo(1024,768)
oder
javascript:window.resizeTo(800,600)
usw.

Nun am besten ab in den Ordner "Links" (IE) da dessen Bookmarks direkt oben in der Menüleiste eingeblendet werden können.

Klickt man ein solches Bookmark an, Resized sich das Browserfenster auf die gewünschte Größe.

So hat man sämtliche Auflösungen zum Testen mit einem Klick direkt im Browser parat.

</tip>

Wollt ich nur grad´loswerden ;-)

Grüße

A k i m o.

[matthias]

unter: http://www.html-workshop.de/download...ubcat=sizer#dl könnt ihr ein tool herunterladen, mit dem ebenfalls ein schneller auflösungswechsel möglich ist. probiert es einfach mal aus...

im autostart menü könnt ihr dann auf dem sizer logo eure einstellungen vornehmen.

[Sin]

Der Vorteil an Akimo's Bookmarklets ist, daß nur das Browserfenster auf diese Auflösung geändert wird und nur JavaScript ist.

Unter http://www.bookmarklets.com gibt es noch ne Menge anderer nützlicher Bookmarklets.

[Kafkaesk]

Klasse Tip! Ist schon im Einsatz!

Gruß
Alexander

[uwe.h]

Original geschrieben von A k i m o
... und unter URL folgendes eintragen:
javascript:window.resizeTo(1024,76
oder
javascript:window.resizeTo(800,600)
usw.

... das gibt´s doch nicht ... seit Jahren nutze ich eine Grafik auf meinem Desktop mit 800x600 und ziehe das Browserfenster mal so ... mal so ... dabei geht das sooo einfach ;-)

Absolut KLASSE !!!
Danke!

Uwe

[KarlC]

echt guter tipp ... vielleicht noch ein hinweis, oder ich hab's überlesen. bei eigenschaften die option "offline verfügbar" aktivieren.

grüssle
karl

[Weberknecht]

*klatschklatschklatsch*

Das nenn ich mal hilfreich. WOW. Geiler Tipp.

Gruß
Martin, völlig verzückt

[adrian]

Vielen Dank für den Tip. Ist wirklich fast zu einfach um draufzukommen Da werden ja Tools wie der BrowserSizer direkt arbeitslos...

[Sin]

Äh. Wenn euch die Bookmarklets so gefalllen, hier noch ein paar:

Toggle Border Table:

javascript:for(i=0;i<document.getElementsByTagName('TABLE').length;i++)void(document.getElementsByTagName('TABLE')[i].border=(document.getElementsByTagName('TABLE')[i].border=='0')?'2':'0');

List Email Links

javascript:eMlA='';for(iB2M=0;iB2M<document.links.length;iB2M++){if(document.links[iB2M].protocol=='mailto:'){Ju59=document.links[iB2M].toString();eMlA+=Ju59.substring(7,Ju59.length)+'\n'}};if(eMlA!=''){alert(eMlA)}else{alert('Kein%20mailto%20Link%20auf%20dieser%20Seite.')}

List All Links

javascript:WN7z=open('','Z6','width=400,height=200,scrollbars,resizable,menubar');DL5e=document.links;with(WN7z.document){write('<base%20target=_blank>');for(lKi=0;lKi<DL5e.length;lKi++){write(DL5e[lKi].toString().link(DL5e[lKi])+'<br><br>')};void(close())}

Cookies lesen

javascript:if(document.cookie.length<1){alert('Keine%20cookies%20von%20dieser%20Seite.')}else{alert('Cookies%20von%20dieser%20Seite:'+document.cookie)}

Zeige CSS

javascript:if%20(false)void('View%20Style%20Sheets%20script%20by%20Tantek%20Celik%20-%20last%20modified%201998.10.20%20');var%20whn%20=%20(window.location.toString().replace(/[^a-z0-9]/gi,'_'))+'_ss';var%20imn%20=%200,ln%20=%200,isn%20=%200,sn%20=%200,undefined,i=0,j=0;for%20(i=0;i<document.styleSheets.length;i++){var%20s%20=%20document.styleSheets[i];var%20tt%20=%20s.owningElement.title;function%20imf(im)%20{var%20k=0;for%20(k=0;k<im.imports.length;k++)void(imf(im.imports[k]));sn++;imn++;var%20imt%20=%20'imported%20style%20sheet%20'+imn;var%20w%20=%20window.open(im.href,whn+sn,'status,location,menubar,resizable,scrollbars');w.document.title%20=%20imt;w.document.createStyleSheet('');w.document.styleSheets[0].addRule('BODY','background:white;color:black;font:9pt%20FixedSys,Monaco,monospace;margin:3px%204px');w.document.styleSheets[0].addRule('PRE','background:white;color:black;font:9pt%20FixedSys,Monaco,monospace');w.focus();}for%20(j=0;j<s.imports.length;j++){void(imf(s.imports[j]));}if%20(s.owningElement.tagName%20==%20'STYLE'){sn++;isn++;if%20(tt==''%20||%20tt==undefined)tt%20=%20'untitled%20inline%20style%20sheet%20'+isn;var%20t%20=%20'<HTML><HEAD><TITLE>'+tt+'</TITLE></HEAD><BODY%20STYLE=\'background:white;color:black;font:9pt%20FixedSys,Monaco,monospace;margin:3px%204px\'><PRE%20STYLE=\'background:white;color:black;font:9pt%20FixedSys,Monaco,monospace\'>';for%20(j=0;j<s.imports.length;j++){t+='@import%20url('+s.imports[j].href+')<BR>';}for%20(j=0;j<s.rules.length;j++){t+=s.rules[j].selectorText%20+%20'%20{%20'%20+%20s.rules[j].style.cssText%20+%20'%20}%20<BR>';%20}%20t+='</PRE></BODY></HTML>';%20var%20w%20=%20window.open('about:blank',whn+sn,'menubar,resizable,scrollbars');w.focus();w.document.write(t);w.document.close();}else%20if%20(s.owningElement.tagName%20==%20'LINK'){sn++;ln++;var%20w%20=%20window.open(s.href,whn+sn,'status,location,menubar,resizable,scrollbars');if%20(tt!=''%20&&%20tt!=undefined)%20w.document.title%20=%20tt;w.document.createStyleSheet('');w.document.styleSheets[0].addRule('BODY','background:white;color:black;font:9pt%20FixedSys,Monaco,monospace;margin:3px%204px');w.document.styleSheets[0].addRule('PRE','background:white;color:black;font:9pt%20FixedSys,Monaco,monospace');w.focus();}}void(19981020);

Toggle CSS

javascript:var%20i=0;if(document.styleSheets.length>0){cs=!document.styleSheets[0].disabled;for(i=0;i<document.styleSheets.length;i++)%20document.styleSheets[i].disabled=cs;};void(cs=true);

Zeige Scripts

javascript:if%20(false)void('View%20scripts%20script%20by%20Tantek%20Celik%20-%20last%20modified%201998.10.30');var%20whn%20=%20(window.location.toString().replace(/[^a-z0-9]/gi,'_'))+'_sc';var%20ln%20=%200,isn%20=%200,sn%20=%200,undefined,i=0,j=0;for%20(i=0;i<document.scripts.length;i++){var%20s%20=%20document.scripts[i];var%20tt%20=%20s.title;if%20(s.src==''%20||%20s.src==undefined){sn++;isn++;if%20(tt==''%20||%20tt==undefined)tt%20=%20'untitled%20inline%20script%20'+isn;var%20t%20=%20'<HTML><HEAD><TITLE>'+tt+'</TITLE></HEAD><BODY%20STYLE=\'background:white;color:black;font:9pt%20FixedSys,Monaco,monospace;margin:3px%204px\'><PLAINTEXT>';t+=s.outerHTML;%20var%20w%20=%20window.open('about:blank',whn+sn,'menubar,resizable,scrollbars');w.document.write(t);w.document.close();w.focus();}else{sn++;ln++;var%20w%20=%20window.open(s.src,whn+sn,'status,location,menubar,resizable,scrollbars');if%20(tt!=''%20&&%20tt!=undefined)%20w.document.title%20=%20tt;w.document.createStyleSheet('');w.document.styleSheets[0].addRule('BODY','background:white;color:black;font:9pt%20FixedSys,Monaco,monospace;margin:3px%204px');w.document.styleSheets[0].addRule('PRE,PLAINTEXT','background:white;color:black;font:9pt%20FixedSys,Monaco,monospace');w.focus();}}void(19981030);

Englisch-Deutsch-Übersetzung (Wort vorher markieren und dann Bookmarklet ausführen)

javascript:s=document.getSelection();for(i=0;i<frames.length;i++){s=frames[i].document.getSelection();if(s)break;}if(!s)void(s=prompt('Geben%20Sie%20einen%20Ausdruck%20an,%20der%20von%20LEO%20¸bersetzt%20werden%20soll.%20Sie%20kˆnnen%20ebenfalls%20ein%20Wort%20auf%20einer%20Webseite%20markieren,%20bevor%20Sie%20auf%20LeoDict%20klicken.',''));if(s){leow=open('http://dict.leo.org/?client=bookmarklet&search='+escape(s),'LEODict','width=700,height=500,scrollbars=yes,resizable=yes');leow.focus();}

Ich habe noch mehr (aus verschiedenen Quellen) getestetl. Diese hier laufen bei mir auf dem Mac mit IE5.1 ohne Pobleme. Hatte immerwieder gelesen, daß die Bookmarklets evtl. sich im Netscape unterscheiden.

Viel Spaß

[adrian]

Original geschrieben von Sin
Zeige Scripts

javascript:if%20(false)void('View%20scripts%20script%20by%20Tantek%20Celik%20-%20last%20modified%201998.10.30');var%20whn%20=%20(window.location.toString().replace(/[^a-z0-9]/gi,'_'))+'_sc';var%20ln%20=%200,isn%20=%200,sn%20=%200,undefined,i=0,j=0;for%20(i=0;i<document.scripts.length;i++){var%20s%20=%20document.scripts[i];var%20tt%20=%20s.title;if%20(s.src==''%20||%20s.src==undefined){sn++;isn++;if%20(tt==''%20||%20tt==undefined)tt%20=%20'untitled%20inline%20script%20'+isn;var%20t%20=%20'<HTML><HEAD><TITLE>'+tt+'</TITLE></HEAD><BODY%20STYLE=\'background:white;color:black;font:9pt%20FixedSys,Monaco,monospace;margin:3px%204px\'><PLAINTEXT>';t+=s.outerHTML;%20var%20w%20=%20window.open('about:blank',whn+sn,'menubar,resizable,scrollbars');w.document.write(t);w.document.close();w.focus();}else{sn++;ln++;var%20w%20=%20window.open(s.src,whn+sn,'status,location,menubar,resizable,scrollbars');if%20(tt!=''%20&&%20tt!=undefined)%20w.document.title%20=%20tt;w.document.createStyleSheet('');w.document.styleSheets[0].addRule('BODY','background:white;color:black;font:9pt%20FixedSys,Monaco,monospace;margin:3px%204px');w.document.styleSheets[0].addRule('PRE,PLAINTEXT','background:white;color:black;font:9pt%20FixedSys,Monaco,monospace');w.focus();}}void(19981030);

Der hier gefällt mir besonders gut, aber irgendwie schaff ichs net, den ganzen Quellcode als URL zu setzen. Feld lässt es wohl gar nicht zu von der Länge her. Wie hast dus denn gelöst?

[Sin]

Original geschrieben von adi-sign
Der hier gefällt mir besonders gut, aber irgendwie schaff ichs net, den ganzen Quellcode als URL zu setzen. Feld lässt es wohl gar nicht zu von der Länge her. Wie hast dus denn gelöst?

Markier doch den Text, öffen den Text-Editor deiner Wahl, änder das Wort Javascript (ein Wort - ohne Leerzeichen). Dann sollte das ganze Bookmarklet in einer Zeile stehen (kein Zeilenumbruch). Dann mit Copy'n'Paste.

[Petsch]

@Akimo: THX!!! *freu*

[A k i m o]

Wer´s noch einfacher haben will, kann sich das angehängte zip runter laden. Da sind 3 versch. Resize-links drin. 1024x768; 800x600 und 640x480 (obwohl das selbst für alte Intranets kaum noch benötigt wird. (Kann man ja nach Belieben anpassen.))

Ich habe zudem ein anderes Icon gewählt, weil mich diese hässlichen default-Windows-Fähnchen gestört haben
Das Icon ist mit drin und auf C:\ verlinkt. Sollte also direkt auf die Root gelegt werden, dann funktionierts.

Gruß

A k i m o.