<?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>dixso.net &#187; Navegadores</title>
	<atom:link href="http://dixso.net/category/navegadores/feed/" rel="self" type="application/rss+xml" />
	<link>http://dixso.net</link>
	<description>Desarrollo web</description>
	<lastBuildDate>Fri, 05 Feb 2010 08:09:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>jQuery Browser Detect 1.1</title>
		<link>http://dixso.net/jquery/jquery-browser-detect-1-1/</link>
		<comments>http://dixso.net/jquery/jquery-browser-detect-1-1/#comments</comments>
		<pubDate>Thu, 17 Sep 2009 09:14:00 +0000</pubDate>
		<dc:creator>Julio</dc:creator>
				<category><![CDATA[Navegadores]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://dixso.net/?p=465</guid>
		<description><![CDATA[Este script nos ayudará cuando maquetemos nuestras hojas de estilos y veamos que cada navegador interpretan cosas que no deberían ser así, muy común en IE, sobretodo en la versión 6. Antes de nada, se necesita la librería jQuery para hacer funcionar el script. ¿Qué hace el script? - Comprueba primero si el fichero de [...]]]></description>
			<content:encoded><![CDATA[<p>Este script nos ayudará cuando maquetemos nuestras hojas de estilos y veamos que cada navegador interpretan cosas que no deberían ser así, muy común en <del datetime="2009-09-18T08:11:22+00:00">IE</del>, sobretodo en la versión 6.</p>
<p>Antes de nada, se necesita la librería jQuery para hacer funcionar el script.</p>
<p><strong>¿Qué hace el script?</strong><br />
- Comprueba primero si el fichero de las css de cada navegador existe, si no existe, el script no se ejecuta, eto sirve para que el script no compruebe el navegador ni la versión del usuario.</p>
<p><em>¿Que ganamos con todo esto?</em><br />
<strong>Rapidez </strong>en la ejecución del script, es decir, solo añadirá la hoja de estilos que tengamos en el directorio /css/browsers/.</p>
<p>- Detecta el navegador <strong>Internet Explorer 8.0</strong></p>
<p>Script para comprobar rutas de ficheros físicos:</p>
<pre class="brush: jscript;">
function file_exists (url) {
    var req = this.window.ActiveXObject ? new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;) : new XMLHttpRequest();
    if (!req) {throw new Error('XMLHttpRequest not supported');}
    req.open('HEAD', url, false);
    req.send(null);
    if (req.status == 200){
        return true;
    }
    return false;
}
</pre>
<p>Especificamos a jQuery los navegadores (Útil para diferenciar Safari de Chrome).</p>
<pre class="brush: jscript;">
var userAgent = navigator.userAgent.toLowerCase();
jQuery.browser = {
	version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[\/: ]([\d.]+)/ ) || [])[1],
	chrome: /chrome/.test( userAgent ),
	safari: /webkit/.test( userAgent ) &amp;&amp; !/chrome/.test( userAgent ),
	opera: /opera/.test( userAgent ),
	msie: /msie/.test( userAgent ) &amp;&amp; !/opera/.test( userAgent ),
	mozilla: /mozilla/.test( userAgent ) &amp;&amp; !/(compatible|webkit)/.test( userAgent )
};
</pre>
<p>Ejecutamos las condiciones si el fichero existe o no, si existe, comprobamos la versión del navagador del usuario y añadimos la hoja de estilos.</p>
<pre class="brush: jscript;">
//Ejecutamos las condiciones si el fichero existe o no.
$(document).ready(function(){
	jQuery.each(jQuery.browser, function(i, val) {
		if(file_exists(&quot;css/browsers/ie8.css&quot;) ){
			if(i==&quot;msie&quot; &amp;&amp; jQuery.browser.version.substr(0,3)==&quot;8.0&quot;){
				$('head').append('&lt;link rel=&quot;stylesheet&quot; href=&quot;css/browsers/ie8.css&quot; type=&quot;text/css&quot; /&gt;');
			}
		}
		if (file_exists(&quot;css/browsers/ie7.css&quot;)){
			if(i==&quot;msie&quot; &amp;&amp; jQuery.browser.version.substr(0,3)==&quot;7.0&quot;){
				$('head').append('&lt;link rel=&quot;stylesheet&quot; href=&quot;css/browsers/ie7.css&quot; type=&quot;text/css&quot; /&gt;');
			}
		}
		if (file_exists(&quot;css/browsers/ie6.css&quot;)){
			if(i==&quot;msie&quot; &amp;&amp; jQuery.browser.version.substr(0,3)==&quot;6.0&quot;){
				$('head').append('&lt;link rel=&quot;stylesheet&quot; href=&quot;css/browsers/ie6.css&quot; type=&quot;text/css&quot; /&gt;');
			}
		}
		if (file_exists(&quot;css/browsers/mozilla.css&quot;)){
			if($.browser.mozilla){
				$('head').append('&lt;link rel=&quot;stylesheet&quot; href=&quot;css/browsers/mozilla.css&quot; type=&quot;text/css&quot; /&gt;');
			}
		}
		if (file_exists(&quot;css/browsers/opera.css&quot;)){
			if($.browser.opera){
				$('head').append('&lt;link rel=&quot;stylesheet&quot; href=&quot;css/browsers/opera.css&quot; type=&quot;text/css&quot; /&gt;');
			}
		}
		if (file_exists(&quot;css/browsers/safari.css&quot;)){
			if($.browser.safari){
				$('head').append('&lt;link rel=&quot;stylesheet&quot; href=&quot;css/browsers/safari.css&quot; type=&quot;text/css&quot; /&gt;');
			}
		}
		if (file_exists(&quot;css/browsers/chrome.css&quot;)){
			if($.browser.chrome){
				$('head').append('&lt;link rel=&quot;stylesheet&quot; href=&quot;css/browsers/chrome.css&quot; type=&quot;text/css&quot; /&gt;');
			}
		}
	});
});
</pre>
<p><strong>Hojas de estilos predefinidas en el script:</strong><br />
<em>Internet Explorer 8.0</em> &#8211; <strong>ie8.css</strong><br />
<em>Internet Explorer 7.0</em> &#8211; <strong>ie7.css</strong><br />
<em>Internet Explorer 6.0</em> &#8211; <strong>ie6.css</strong><br />
<em>Mozilla Firefox</em> &#8211; <strong>mozilla.css</strong><br />
<em>Chrome</em> &#8211; <strong>chrome.css</strong><br />
<em>Opera</em> &#8211; <strong>opera.css</strong><br />
<em>Safari</em> &#8211; <strong>safari.css</strong></p>
<p><strong>Nota:</strong><br />
- Navegadores que soporta: IE8, IE7, IE6, Mozilla Firefox, Safari, Opera, Google Chrome<br />
- El script comprobará los ficheros en el directorio &#8216;css/browsers/nombre_del_navegador.css&#8217;.</p>
<p>Podéis ver el ejemplo <a target="_blank" href="http://dixso.net/wp-content/examples/jquery/jquery-browser-detect/" title="jQuery Browser Detect">aquí</a>.<br />
Descargar script: <a target="_blank" href="http://dixso.net/wp-content/examples/jquery/jquery-browser-detect/javascript/jquery.browser.detect.js" title="Descargar jQuery Browser Detect">aquí</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://dixso.net/jquery/jquery-browser-detect-1-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Browser Detect</title>
		<link>http://dixso.net/jquery/jquery-browser-detect/</link>
		<comments>http://dixso.net/jquery/jquery-browser-detect/#comments</comments>
		<pubDate>Fri, 05 Jun 2009 12:02:46 +0000</pubDate>
		<dc:creator>Julio</dc:creator>
				<category><![CDATA[Navegadores]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://dixso.net/?p=394</guid>
		<description><![CDATA[Versión mejorada del script: aquí.]]></description>
			<content:encoded><![CDATA[<p>Versión mejorada del script: <a href="http://dixso.net/jquery/jquery-browser-detect-1-1/">aquí</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://dixso.net/jquery/jquery-browser-detect/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Múltiples navegadores</title>
		<link>http://dixso.net/navegadores/multiples-navegadores/</link>
		<comments>http://dixso.net/navegadores/multiples-navegadores/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 08:13:19 +0000</pubDate>
		<dc:creator>Julio</dc:creator>
				<category><![CDATA[Navegadores]]></category>
		<category><![CDATA[Firefox 2]]></category>
		<category><![CDATA[Firefox 3]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[Internet Explorer 7]]></category>
		<category><![CDATA[Internet Explorer 8]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://dixso.net/?p=280</guid>
		<description><![CDATA[Gracias a los múltiples navegadores podemos testear todas nuestra webs, especialmente para las versiones del navegador Internet Explorer. Aquí os comento los que mejor funcionan. IEtester, incorpora todas las versiones de IE posibles (IE5.5, IE6, IE7 y IE8) funciona en Windows XP y Windows Vista. Lo puedes descargar: aquí. Sin embargo también hay otro producto [...]]]></description>
			<content:encoded><![CDATA[<p>Gracias a los múltiples navegadores podemos testear todas nuestra webs, especialmente para las versiones del navegador Internet Explorer. Aquí os comento los que mejor funcionan.</p>
<p><a target="_blank" title="IETester" href="http://www.my-debugbar.com/wiki/IETester/HomePage">IEtester</a>, incorpora todas las versiones de IE posibles (IE5.5, IE6, IE7 y IE8) funciona en Windows XP y Windows Vista.<br />
Lo puedes descargar: <a target="_blank" href="http://www.my-debugbar.com/ietester/install-ietester-v0.3.2.exe">aquí</a>.</p>
<p>Sin embargo también hay otro <a target="_blank" href="http://www.xenocode.com/Browsers/">producto</a> que me llamó la atención ya que puedes ejecutar el navegador que gustes sin instalar nada, simplemente ejecutándolo.</p>
<p>Puedes elegir entre estos navegadores: Internet Explorer 8, Internet Explorer 7, Internet Explorer 6, Firefox 3, Firefox 2, Google Chrome, Opera, Safari.</p>
]]></content:encoded>
			<wfw:commentRss>http://dixso.net/navegadores/multiples-navegadores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
