<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Dead-Pixel.de - Webdesign Weblog &#187; Test</title>
	<atom:link href="http://www.dead-pixel.de/tag/test/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dead-pixel.de</link>
	<description>Weblog und Portfolio von Moritz Gießmann</description>
	<lastBuildDate>Tue, 01 Nov 2011 19:59:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Webseiten in allen Browsern testen</title>
		<link>http://www.dead-pixel.de/webseiten-in-allen-browsern-testen/</link>
		<comments>http://www.dead-pixel.de/webseiten-in-allen-browsern-testen/#comments</comments>
		<pubDate>Mon, 20 Oct 2008 16:13:34 +0000</pubDate>
		<dc:creator>Moritz</dc:creator>
				<category><![CDATA[Essays]]></category>
		<category><![CDATA[Webgeschichten]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Rendering]]></category>
		<category><![CDATA[Screenreader]]></category>
		<category><![CDATA[Test]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://www.dead-pixel.de/?p=171</guid>
		<description><![CDATA[Als Webdesigner kommt man an einem Test seiner Seiten in allen g&#228;ngigen Browsern nicht vorbei. Viele Unterschiede in der Interpretation von (X)HTML, CSS und JavaScript in den unterschiedlichen Browsern machen umfassende Tests unumg&#228;nglich. Das Problem der Browsertests ist, dass viele Browser nicht f&#252;r alle g&#228;ngigen Betriebssysteme (Windows, Mac OS X, Linux) verf&#252;gbar sind. Liste der [...]]]></description>
			<content:encoded><![CDATA[<p>Als Webdesigner kommt man an einem Test seiner Seiten in allen g&#228;ngigen Browsern nicht vorbei. Viele Unterschiede in der Interpretation von (X)HTML, CSS und JavaScript in den unterschiedlichen Browsern machen umfassende Tests unumg&#228;nglich. Das Problem der Browsertests ist, dass viele Browser nicht f&#252;r alle g&#228;ngigen Betriebssysteme (Windows, Mac OS X, Linux) verf&#252;gbar sind.</p>
<h4>Liste der Browser auf verschiedenen Betriebssystemen</h4>
<p><img style="float:left;" src="http://www.dead-pixel.de/wp-content/uploads/browser.jpg" alt="Aktuelle Webbrowser" /><br />
Browser die die Renderingengine von anderen benutzen (z.B. Google Chrome von Safari, Iceweasel die von <a href="http://www.browser1.de/">Firefox</a>) werden nicht extra aufgef&#252;hrt. Die Browser werden nur bei den Betriebssystemen aufgelistet f&#252;r die es eine explizite Version gibt. Diverse Hacks und Emulatoren werden weiter unten besprochen.</p>
<h5>Verf&#252;gbar f&#252;r Windows, Mac OS X und Linux</h5>
<ul>
<li><a href="http://www.mozilla.com">Mozilla Firefox</a> (Gecko Engine)</li>
<li><a href="http://www.opera.com/">Opera</a> (Presto Engine)</li>
</ul>
<h5>Verf&#252;gbar f&#252;r Windows (ab XP) und Mac OS X</h5>
<ul>
<li><a href="http://www.apple.com/de/safari/">Safari</a> (Webkit [KHTML] Engine)</li>
</ul>
<h5>Verf&#252;gbar nur f&#252;r Linux</h5>
<ul>
<li><a href="http://www.konqueror.org/">Konqueror</a><br />
Kann vernachl&#228;ssigt werden, da Safari auf der KHTML Engine von Konqueror basiert.</li>
</ul>
<h5>Verf&#252;gbar nur f&#252;r Windows</h5>
<ul>
<li><a href="http://www.microsoft.com/germany/windows/downloads/ie/getitnow.mspx">Internet Explorer</a> (Trident/MSHTML verschiedene Versionen)</li>
</ul>
<h4>Alle Browser auf einem System?!</h4>
<p>Es gibt mehrere M&#246;glichkeiten alle dieser Browser auf einem der Systeme zu verwenden.</p>
<h5>Windows</h5>
<p>Auf Windows ist es  am einfachsten alle Browser zu installieren. Den Internet Explorer in verschiedenen Versionen kann man mit <a href="http://tredosoft.com/Multiple_IE">Multiple IEs</a> (Versionen 3-6, 7 sollte auf dem System Standard sein) gleichzeitig installieren. Eine weitere M&#246;glichkeit ist der <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a> der momentan die Versionen 5.5, 6, 7 und 8 beta2 des Internet Explorers in einem Programm installiert. F&#252;r Safari, Opera und Firefox sind native Versionen vorhanden.</p>
<h5>Mac OS X</h5>
<p>F&#252;r Macs verf&#252;gbar sind momentan nat&#252;rlich Safari, Firefox und Opera. Damit fehlen nur noch die verschiedenen Internetexplorer Versionen. Dies kann man sich mittels <a href="http://www.parallels.com/">Parallels</a> und einer darin installieren Windows (XP oder Vista) Version auf den Mac holen. Das kostet allerdings einen guten Batzen Geld, da sowohl Parallels als auch Windows Investitionen nicht frei erh&#228;ltlich sind. (Naiver Gedanke eines Linux J&#252;ngers ;-).<br />
Manuela Hoffmann stellt in ihrem <a href="http://www.pixelgraphix.de/weblog/artikel/ies4osx-internet-explorer-5-bis-7-auf-dem-mac/">Blog auch eine M&#246;glichkeit wie man Internetexplorer auf dem Mac installieren kann</a> vor, ganz ohne Parallels.</p>
<h5>Linux (Beispiel Ubuntu)</h5>
<p>Nativ f&#252;r Linux sind Firefox, Opera und Konqueror erh&#228;ltlich, der in unserem Fall Safari ersetzt. F&#252;r die verschiedenen Internet Explorer gibt es verschiedene Wege. Man kann sein Gl&#252;ck mit <a href="http://winehq.org/">Wine</a> versuchen und IETester, oder Multiple IEs dar&#252;ber installieren. Wine ist eine Open Source Implementierung der Windows API f&#252;r Linux. Nicht alles l&#228;uft dar&#252;ber reibungslos. Der IETester hat laut Wine Website ein &#8220;Bronze&#8221; Rating, die Multiple IEs habe ich bis jetzt im Verzeichnis nicht finden k&#246;nnen.</p>
<p>Die besser Variante ist die Installation eines Windows XP oder Vista in einer virtuellen Maschine, wie z.B. der <a href="www.virtualbox.org">Virtual Box</a> und darin IETester oder Multiple IEs. Allerdings ist auch das wieder mit Kosten verbunden. Jeder muss selbst wissen, ob er bereit ist f&#252;r seine Tests Geld auszugeben. Allerdings sollte man falls man nicht selbst noch ein altes XP rumliegen hat einfach mal seinen Nachbarn, oder in der Familie rumfragen, wo man sicher f&#252;ndig wird.</p>
<h4>Screenreader</h4>
<p>Wer seine Seiten auf die Funktionalit&#228;t und Zug&#228;nglichkeit in Screenreadern &#252;berpr&#252;fen will, muss sich nicht gleich eine kostepflichtige Software wie <a href="http://www.freedomsci.de/">Jaws</a> besorgen. F&#252;r den Firefox gibt es das plattform&#252;bergreifende open source Add-on <a href="http://firevox.clcworld.net/">Firevox</a>,mit dem sich Webseiten vorlesen lassen. Leider gibt es Firevox meines Wissens nach nur in Englisch, doch zum testen reicht das v&#246;llig aus. Wer es ganz ohne Installation will, sollte sich <a href="http://webanywhere.cs.washington.edu/wa.php">Web Anywhere</a> anschauen. Web Anywhere ist ein online Screenreader, der die eingegebene Seite in einen Frame l&#228;dt und dann direkt vorliest. Die Software ist noch im Alpha Stadium, funktioniert aber schon ganz annehmbar. Wie Firevox, ist Web Anywhere nur auf Englisch.</p>
<h4>Unterschiede</h4>
<p>Trotz gleicher Basis Engine kann es sein, dass die Anzeige des gleichen Browsers auf unterschiedlichen Betriebssystemen nicht zu 100% gleich sind. Auch <a href="http://www.peterkroener.de/bug-im-firefox3-body-hintergrundbild-um-1pixel-verschoben/">Versionsunterschiede</a> (z.B. zwischen Firefox 2 und 3) sind noch zu beachten. Leider entspricht die Darstellung des IETester und Multiple IEs auch nicht vollst&#228;ndig dem Original. Unterschiede im gleichen Browser, gleicher Version, liegen h&#246;chstwahrscheinlich an den unterschiedlichen installierten Schriften auf den jeweiligen Systemen.</p>
<p>Danke an <a href="http://www.dead-pixel.de/webseiten-in-allen-browsern-testen/#comment-4510">Daniel Hepper</a> f&#252;r die Anmerkung zu den Unterschieden.</p>
<h4>Wenn nichts mehr hilft&#8230;</h4>
<p>&#8230;dann hilft <a href="http://browsershots.org/">browsershots.org</a>. Dieser Dienst stellt nach Eingabe einer URL Screenshots aller nur erdenklichen Browser in vielen verschiedenen Versionen auf verschiedenen Betriebssystemen zur Verf&#252;gung. Die kostenlose Version des Dienstes erfordert keinerlei Registrierung und gibt es auch auf Deutsch. Man kann abgesehen von vielen Browsern auch Aufl&#246;sungen der Bildschirme/Farbtiefe und Technologien (JavaScript/Java/Flash) w&#228;hlen, nach denen die Screenshots erzeugt werden sollen. Leider kann bei Screenshots die Funktion der Seite nicht &#252;berpr&#252;ft werden und die Erstellung der Screenshots dauert je nach Browser relativ lange, was aber auch die einzigen Wermutstropfen des gro&#223;artigen Dienstes sind.</p>
<ul class="related_post"><li><a href="http://www.dead-pixel.de/webdesign-mit-linux-software-fuer-webworker/" title="Webdesign mit Linux &#8211; Software für Webworker">Webdesign mit Linux &#8211; Software für Webworker</a> (7)</li><li><a href="http://www.dead-pixel.de/firefox-plugins-fuer-besseres-webdesign/" title="Firefox Add-ons für besseres Webdesign">Firefox Add-ons für besseres Webdesign</a> (9)</li><li><a href="http://www.dead-pixel.de/twitter-clients-fuer-ubuntu/" title="Twitter Clients für Ubuntu">Twitter Clients für Ubuntu</a> (2)</li><li><a href="http://www.dead-pixel.de/bald-ganz-frisch-ubuntu-904-jaunty-jackalope/" title="Bald ganz frisch: Ubuntu 9.04 &#8211; Jaunty Jackalope">Bald ganz frisch: Ubuntu 9.04 &#8211; Jaunty Jackalope</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.dead-pixel.de/webseiten-in-allen-browsern-testen/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

