<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://wiki.stephanschlegel.de/index.php?action=history&amp;feed=atom&amp;title=Browser_-_Compatibility_Detection</id>
	<title>Browser - Compatibility Detection - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.stephanschlegel.de/index.php?action=history&amp;feed=atom&amp;title=Browser_-_Compatibility_Detection"/>
	<link rel="alternate" type="text/html" href="https://wiki.stephanschlegel.de/index.php?title=Browser_-_Compatibility_Detection&amp;action=history"/>
	<updated>2026-05-06T23:32:22Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in Wikizone</subtitle>
	<generator>MediaWiki 1.35.14</generator>
	<entry>
		<id>https://wiki.stephanschlegel.de/index.php?title=Browser_-_Compatibility_Detection&amp;diff=23635&amp;oldid=prev</id>
		<title>93.208.103.149 am 11. Februar 2019 um 14:11 Uhr</title>
		<link rel="alternate" type="text/html" href="https://wiki.stephanschlegel.de/index.php?title=Browser_-_Compatibility_Detection&amp;diff=23635&amp;oldid=prev"/>
		<updated>2019-02-11T14:11:24Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 11. Februar 2019, 14:11 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l25&quot; &gt;Zeile 25:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 25:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;  if (window.focus) window.focus()&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;  if (window.focus) window.focus()&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;== Browser Feature Detection Snippets ==&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>93.208.103.149</name></author>
	</entry>
	<entry>
		<id>https://wiki.stephanschlegel.de/index.php?title=Browser_-_Compatibility_Detection&amp;diff=23634&amp;oldid=prev</id>
		<title>93.208.103.149: Die Seite wurde neu angelegt: „== Browser JavaScript Kompatibilität testen ==  https://www.quirksmode.org/js/support.html  Der Trick ist immer auf Arrays oder Objekte zu testen nicht auf Fu…“</title>
		<link rel="alternate" type="text/html" href="https://wiki.stephanschlegel.de/index.php?title=Browser_-_Compatibility_Detection&amp;diff=23634&amp;oldid=prev"/>
		<updated>2019-02-11T13:09:55Z</updated>

		<summary type="html">&lt;p&gt;Die Seite wurde neu angelegt: „== Browser JavaScript Kompatibilität testen ==  https://www.quirksmode.org/js/support.html  Der Trick ist immer auf Arrays oder Objekte zu testen nicht auf Fu…“&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;== Browser JavaScript Kompatibilität testen ==&lt;br /&gt;
 https://www.quirksmode.org/js/support.html&lt;br /&gt;
&lt;br /&gt;
Der Trick ist immer auf Arrays oder Objekte zu testen nicht auf Funktionen. Wenn eine Funktion nicht existiert gibt es eine Fehlermeldung.&lt;br /&gt;
&lt;br /&gt;
Object detection - Yes&lt;br /&gt;
Instead, we simply look if the browser supports the object (method, array or property) we want to use. Let’s continue with the mouseover example. This script relies on the document.images array, so first and foremost we&amp;#039;ll have to detect if the browser supports it. This is done by&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
if (document.images)&lt;br /&gt;
{&lt;br /&gt;
	do something with the images array&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
Now you have a fail safe method of seeing if any browser can handle mouseovers. The if-statements checks if the array document.images exists. If it does (document.images) is true and the script is executed. If the images array doesn&amp;#039;t exist it becomes false and the script is not executed.&lt;br /&gt;
&lt;br /&gt;
Another common detect is for window.focus. This is a method (a command by which you tell JavaScript to do something for you). If we want to use the method, we&amp;#039;ll have to check first if the browser supports it.&lt;br /&gt;
&lt;br /&gt;
Note the correct way of doing this: you ask for the method without brackets. This code&lt;br /&gt;
&lt;br /&gt;
 if (window.focus)&lt;br /&gt;
means: &amp;quot;If the focus method is supported&amp;quot;, while this code&lt;br /&gt;
&lt;br /&gt;
 if (window.focus())&lt;br /&gt;
means: &amp;quot;If you can put the focus on the window&amp;quot; and assumes that focus is supported. If it isn&amp;#039;t, this line of code creates errors. The brackets () actually execute the focus command, which is not what we want in this case. So we check it without the brackets (see if it exists) and only when the browser passes the check we actually execute the command by adding brackets:&lt;br /&gt;
&lt;br /&gt;
 if (window.focus) window.focus()&lt;/div&gt;</summary>
		<author><name>93.208.103.149</name></author>
	</entry>
</feed>