aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Si estás usando window.ActiveXObject() para aportar alguna funcionalidad extra a tus aplicaciones deberías revisar que dicha funcionalidad está disponible, ya sea por que se trata de un navegador diferente o por que el usuario no lo tenga instalado.

Para ello podemos usar el objeto plugins, basado en la recopilación de detectores de plugins para Internet Explorer.

var plugins = {
	hasAcrobat:function() {
		if (!window.ActiveXObject) return false;
		try { if (new ActiveXObject('AcroPDF.PDF')) return true;}
		catch (e) {}
		try { if (new ActiveXObject('PDF.PdfCtrl')) return true;}
		catch (e) {}
		return false;
	},
	hasFlash: function() {
		if (!window.ActiveXObject) return false;
		try {if (new ActiveXObject('ShockwaveFlash.ShockwaveFlash')) return true;}
	    	catch (e) { return false;}
	},
	hasJava: function() {
		return (!navigator.javaEnabled());
	},
	hasQuickTime: function() {
		if (!window.ActiveXObject) return false;
		try { if (new ActiveXObject('QuickTime.QuickTime')) return true;}
		catch (e) {}
		try {if(new ActiveXObject('QuickTimeCheckObject.QuickTimeCheck')) return true;}
		catch (e) {};
		return false;
	},
	hasRealPlayer: function() {
		if (!window.ActiveXObject) return false;
	    	var definedControls = [
			'rmocx.RealPlayer G2 Control',
			'rmocx.RealPlayer G2 Control.1',
			'RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)',
			'RealVideo.RealVideo(tm) ActiveX Control (32-bit)',
			'RealPlayer'
		];
		for (var i = 0; i < definedControls.length; i++) {
			try {if(new ActiveXObject(definedControls[i])) return true;}
			catch (e) {continue;}
		}
		return false;
	},
	hasShockwave: function() {
		if (!window.ActiveXObject) return false;
	    	try {if(new ActiveXObject('SWCtl.SWCtl')) return true;}
		catch (e) {return false;}
	},
	hasWMP: function() {
		if (!window.ActiveXObject) return false;
	  	try {if(new ActiveXObject('WMPlayer.OCX')) return true;}
		catch (e) { return false;}
	}
}

Modo de empleo

if (plugins.hasFlash()) {
   .... tiene flash ...
} else {
   .... no tiene flash ...
}

Demo

He montado una mini demo para verlo funcionar. Podeis verla aqui.

Esta tarde en IEBlog, aparecía esta noticia tan esperada por desarrolladores de todo el mundo. Y es que no es para menos, ya que este problema ha traido de cabeza a desarrolladres y diseñadores durante años.

El famoso “Click para activar” que nos obligaba a hacer 2 clicks si queríamos interactuar con elementos flash desde Internet Explorer tiene los días contadados. Al parecer, Microsoft solventará este problema para los elementos <object>, <embed> y <applet> en una nueva versión de IE planificada para Abril del 2008

usar elementos javascript para incrustar estos elementos. 

Hace ya mucho tiempo que vengo usando DebugBar, pero nunca había comentado nada de ello. Y ayer Dehiv, me lo recordó.

Buscando imagenes para poner el post y ahorrarme tener que hacerlas con el paint he llegadoa la página oficial del proyecto, y cual ha sido mi sorpresa al enterarme de que Companion.js es la versión lite de Debugbar.

Carácterísticas

• DOM Inspector
• HTTP Inspector
• Javascript Inspector y Consola Javascript
• HTML Validator
• Redimensión de la página
• Permite mostrar alerts con los errores
• Selector de Color
• Enviar capturas de pantalla por correo
• Visualización de Cookies

Instalación

• Descargamos la última versión
• Seguimos los pasos de la instalación
• Activamos la Toolbar desde el menú de Internet Explorer (Ver > Barras de Herramientas)

Todas las páginas web se componen de un esqueleto formado por HTML, y si usamos una metáfora que me acabo de inventar, el DOM sería el alma de este esqueleto. Ya que es algo que sabemos que está ahi, pero no podemos ver a simple vista. Usando herramientas como Firebug o Companion.js para IE podemos ver las propiedades que cada elemento nos ofrece.

En SlayerOffice, publican una alternativa bastante interesante para la mayoría de navegadores (Firefox, Netscape 8, Opera 7.5 e Internet Explorer).

¿Como instalarlo?

1. Añade el este link a tus marcadores

¿Como usarlo?

1. Estando en cualquier página hacemos click sobre el marcador guardado anteriormente.
2. Este generará un layer flotante que irá mostrando la información sobre el elemento por el que pasamos con el ratón.

Companion.JS, es una de esas maravillas que todos los desarrolladores web estamos deseando encontrarnos un día, ya que gracias a ella puede mejorar nuestra calidad de vida en nuestro trabajo o no.

Si para Firefox disponemos de Firebug, Companion.JS viene a ser una versión limitada pero para Internet Explorer.

Características

• Reporte de errores javascript detallados.
• API para consola, similar a la de Firebug
• Consola Javascript para inspeccionar objetos en tiempo real
• Icono en el Toolbar para lanzar el panel. 

Requerimientos 

• Microsoft Script Debugger
• Companion.JS
  

Instalación

1) Descargamos Microsoft Script Debugger y Companion.JS

2) Nos aseguramos que las opciones:

• Disable script debugging (Internet Explorer)
• Disable script debugging (Others)

 estén activadas en Herramientas > Opciones de Internet > Avanzado.

Ejecutar

Curiosidad

La versión actual expira en Enero de 2009, pero seguro que sacan versiones posteriores que aumentarán este periodo, o… ya sabeis