Tutoriales | Zona Firefox

Escribe tu búsqueda:
Archivo por fechas:
Inicio > Categoría: Tutoriales


Marcadores como página de inicio

Un breve tip para quienes hacen uso intensivo de sus marcadores: para iniciar Firefox con los marcadores, todo lo que hay que hacer es establecer el catálogo de marcadores como página de inicio. Para ello es preciso ir a Herramientas | Opciones y, en la pestaña “Principal”, escribir la dirección chrome://browser/content/places/places.xul.

Marcadores como página de inicio

Y si no quieres hacer esto pero te interesa un acceso rápido al catálogo en su propia ventana y no en el panel lateral, basta con usar la combinación de teclas Ctrl+May+B.




Google Safe Browsing es una API de Google que permite verificar si un sitio web está en alguna de las blacklists de Google por supuesto phishing o malware alojado. Estas listas negras de Google son constantemente actualizadas, y hasta ahora podíamos disponer de esta característica en Firefox a través de una extensión. A partir de la versión 3 se incluye esta característica dentro del navegador. Que significa esto? Que al visitar una página Firefox comprueba si el sitio está considerado como seguro o no, y en caso de que no sea así, va a mostrar un mensaje como este:

En lo práctico puede llegar a resultar algo extremo, ya que hay sitios que no son peligrosos pero que están bloqueados, como me ha sucedido, incluso lo cuentan en Salvagoxo y han habido consultas en el foro de Mozilla Hispano sobre ello.

En este caso, si estamos seguros de que el sitio no es peligroso, podemos avisar a Google para que haga una revisión del sitio y si queremos también podemos desactivar esta catacterística en el menú Herramientas - Opciones, en la pestaña de Seguridad, y desmarcar la opción Avisar si el sitio que estoy visitando es un posible sitio de ataque.

Igualmente con esta opción desactivada, en los resultados de Google se seguirá indicando si el sitio es sospechoso, o podemos utilizar la herramienta anti-malware de Google para verificar un sitio en específico.




Una de las novedades de Firefox 3 es la nueva barra de direcciones, con funcionalidades nuevas, como el integrar los resultados de búsqueda junto con el historial y marcadores, y la forma en que se presentan los resultados, entre otras cosas. Esto ha dado que hablar entre los usuarios ya que a algunos les encanta y a otros no les gusta para nada. Lo cierto es que esta versión de Firefox rompe con la manera tradicional en la forma en que se comporta la barra y en lo personal la experiencia me ha resultado genial. Sin embargo la capacidad de Firefox en cuanto a la personalización es una gran virtud de este navegador y a continuación veremos varios tips para personalizar la barra de direcciones de forma que más nos guste.

Número de sugerencias de la barra de direcciones

Por defecto Firefox 3 nos muestra 12 resultados en la barra de direcciones, ya sea cuando realiza el autocompletado o cuando simplemente abrimos el menú de la barra de direcciones. Para cambiar el número de sugerencias, se puede hacer lo siguiente:

  • Escribir about:config en la barra de direcciones y pulsar Enter
  • Aceptar el mensaje de advertencia.
  • Buscar la clave de nombre browser.urlbar.maxRichResults y cambiar su valor por el que queramos.
  • Reiniciar el navegador para aplicar los cambios.

Mostrar siempre el botón de IR

En Firefox 3, en la barra de direcciones ya no se incluye el botón de IR cuando en la pestaña hay cargada una página. En cambio sí se muestra cuando abrimos una nueva pestaña vacía o editamos la barra de direcciones. Si extrañas el botón y quieres que siempre aparezca visible, lo puedes hacer volver de la siguiente manera:

  • Dentro de la carpeta de perfil de Firefox, hay una carpeta llamada chrome y dentro un archivo userChrome.css. Si este no se encuentra, renombramos el archivo userChrome-example.css a userChrome.css y lo abrimos para editar.
  • Al final del archivo, agregamos el siguiente código:

/* Mostrar el botón IR */
#urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button
{ visibility: visible !important; }

  • Guardamos el archivo y reiniciamos Firefox.

Al reiniciar el navegador tendremos el botón siempre visible. Alternativamente podemos pulsar Enter en la barra de direcciones, que se comporta de la misma manera.

Ocultar el ícono de la estrella

Ahora en la barra de direcciones podemos saber si tenemos marcada una página o no, cuando se activa el ícono de la estrella que aparece a la derecha de la barra. Además es práctico para marcar una página o editar el marcador directamente. Si no queremos tener el ícono visible y preferimos marcar las páginas de la forma tradicional (menú Marcadores o pulsar Ctrl + D), podemos quitarlo de la siguiente forma:

  • Dentro de la carpeta de perfil de Firefox, buscamos dentro de la carpeta chrome, el archivo userChrome.css. Si este no se encuentra, renombramos el archivo userChrome-example.css a userChrome.css y lo abrimos para editar.
  • Al final del archivo, agregamos lo siguiente:

/* Ocultar el ícono de marcadores */
#star-button { width: 0px !important; }

  • Guardamos el archivo y reiniciamos Firefox.

Dar menos opacidad a los íconos de marcadores y RSS

En lugar de ocultar por completo el ícono de marcadores, podemos hacer otro cambio estético que consiste en que resalten menos los íconos de marcadores y de paso hacemos lo mismo con el de RSS. Para aplicar este cambio, editamos el userChrome.css de la siguiente forma:

  • Dentro de la carpeta de perfil de Firefox, buscamos dentro de la carpeta chrome, el archivo userChrome.css. Si este no se encuentra, renombramos el archivo userChrome-example.css a userChrome.css y lo abrimos para editar.
  • Al final del archivo, agregamos lo siguiente:

/* Ícono RSS */
#feed-button {-moz-opacity: 0.2 !important;}
#feed-button:hover {-moz-opacity: 1.5 !important;}
/* Ícono de marcadores */
#star-button {-moz-opacity: 0.2 !important;}

#star-button:hover {-moz-opacity: 1.5 !important;}

  • Guardamos el archivo y reiniciamos Firefox.

Cambiar el color de fondo cuando estamos en un sitio seguro

Si bien la nueva barra de direcciones ahora nos indica con el ícono a la izquierda, cuando nos encontramos en un sitio considerado seguro, la barra de direcciones mantiene el mismo color de fondo. Para aplicar un color de fondo como en la imágen anterior, editamos nuevamente el userChrome.css agregando lo siguiente al final:

/*Color de fondo cuando estamos en un sitio seguro*/
#urlbar[level] .autocomplete-textbox-container
{ background-color: #FFFFB7 !important; }

Guardamos el archivo y reiniciamos Firefox. Claro que se puede aplicar cualquier otro color.

Personalizar las fuentes y colores

Podemos personalizar el CSS o estilo de las fuentes y colores de los resultados de la barra de direcciones, de forma que se muestren diferente como en la imágen anterior. Para esto volvemos a editar el userChrome.css de la siguiente manera:

Al final del archivo, agregamos lo siguiente:

/* Fuentes y colores de la barra de direcciones */
/* Titulos */
.ac-comment {font-size: 100%! important; color: #111111 ! important; }
.ac-comment[selected="true"] { color: #FFFFFF !important; }

/* Enlaces */
.ac-url-text {font-size: 100% ! important; color: #336699 ! important; }
.ac-url-text[selected="true"] { color: #FFFFFF !important; }

Guardamos el archivo y reiniciamos Firefox.

Los colores y valores empleados son solo un ejemplo pero se pueden utilizar los que se quiera, incluso animarse más con el CSS.

Hacer que la barra de direcciones luzca como Firefox 2

Si no nos gusta como lucen las sugerencias en la barra de direcciones de Firefox 3 y nos gusta más como era en la versión anterior, podemos instalar la extensión Oldbar, que hará que los resultados se muestren como en la imágen. De esta forma los resultados ocupan menos espacio y sin ser exacto, se asemeja al viejo estilo.

Instalar la extensión Oldbar

Es importante mencionar que en este caso los cambios son solo visuales y no en la forma como se comporta la barra de direcciones.

No mostrar marcadores e historial en las sugerencias

A diferencia de como era antes, ahora en las sugerencias de la barra de direcciones aparecen también las páginas que hayamos marcado o visitado desde los marcadores. Si queremos que en el autocompletado nos muestre solamente las direcciones escritas en la barra, podemos hacer lo siguiente:

  • Escribir about:config en la barra de direcciones y pulsar Enter
  • Aceptar el mensaje de advertencia
  • Buscar la clave de nombre browser.urlbar.matchOnlyTyped y cambiar su valor a True.
  • Reiniciar el navegador para aplicar los cambios.

Volver a la barra de direcciones de Firefox 2

Combinando los dos pasos anteriores, lograremos que la barra luzca y se comporte de forma similar a la versión 2. Algo que muchos seguramente habrán pedido al ver la nueva barra.

Resultados de búsqueda en la barra de direcciones

Searchery es una extensión para Firefox 3 que permite mostrar resultados de búsqueda en la propia barra de direcciones. La extensión se puede configurar para que muestre resultados de Google y Amazón, o de los motores de búsqueda que tengamos instalados. De esta forma, al buscar un término, Firefox hace su búsqueda de sugerencias a la vez que la extensión busca en Internet, y los resultados se muestran combinados.

La extensión aún está en fase experimental, por lo que tendrás que iniciar sesión en Mozilla Addons para poder instalarla.

Instalar Searchery (requiere registro en Mozilla addons)

Ir automáticamente a la primer sugerencia de la barra

Al mostrarse las sugerencias en la barra de direcciones, normalmente tenemos que mover la flecha hacia abajo con el teclado o seleccionar el resultado con el mouse. Con la extensión Enter Selects, al pulsar Enter luego de la búsqueda en la barra de direcciones, nos llevará directamente al primer resultado de las sugerencias.

La extensión aún se encuentra en el área de pruebas de Mozilla addons por lo que hay que iniciar sesión para poder instalarla.

Instalar Enter Selects (requiere registro en Mozilla addons)

Mostrar sugerencias mientras corregimos una búsqueda

Normalmente los resultados de sugerencias de la barra de direcciones no se muestran hasta que se completa una búsqueda. Pero si nos equivocamos al escribir la búsqueda y por ejemplo hemos puesto “Mozzila” en lugar de “Mozilla“, al corregir la palabra, no se muestran resultados hasta completar la palabra. Con la extensión Edit Middle, los resultados comienzan a mostrarse inmediatamente hayamos corregido la búsqueda.

Instalar Edit Middle 2

Conoces otro tip para la barra de direcciones? Puedes comentarlo a continuación.




Si te aparece este mensaje al intentar iniciar Firefox, no lo desinstales! Este mensaje es causado por un virus para Windows (si utilizas Linux, claro, no tienes de que preocuparte) llamado W32/AHKHeap (una simple variación del win32.USBworm) que transmite a traves de dispositivos USB. Además de bloquearte el acceso a Firefox, también bloquea los sitios de Orkut y YouTube, mostrándote avisos como estos:

En Orkut:

ORKUT IS BANNED. Orkut is banned you fool, The administrators didnt write
this program guess who did?? MUHAHAHA!!

En YouTube (similar al de Orkut):

YOUTUBE IS BANNED. youtube is banned you fool, The administrators didnt
write this program guess who did?? MUHAHAHA!!

Será que su creador tampoco es muy afin a las redes sociales? De todas formas el virus no es de alto riesgo y se puede eliminar fácilmente de la siguiente manera:

Lo mejor es iniciar Windows en modo a prueba de fallos así nos aseguramos de que no hayan procesos ejecutándose o que no se vuelvan a ejecutar si los terminamos. Luego realizas lo siguiente:

1) Elimina la carpeta C:\heap41a por completo

2) Elimina el contenido de la carpeta temporal. Para localizarla puedes ir a Inicio - Ejecutar, escribes %Temp%\ y presionas Enter.

3) En el registro de Windows (Inicio - Ejecutar - regedit) buscas la siguiente clave:

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\policies\explorer\run
“winlogon”=”C:\\heap41a\\svchost.exe C:\\heap41a\\std.txt”

Y la eliminas.

Luego reinicia el sistema y tendrás a Firefox nuevamente ejecutándose sin problemas. En cuanto a los dispositivos USB, es recomendable que nunca utilices la ejecución automática para prevenir este tipo de virus, además de eliminar el autorun.inf y el ejecutable el que hace referencia el autorun.




Ahora que acaba de aparecer la última versión preliminar de Firefox 3, la beta 5, es buen momento para aprender a personalizar nuestro navegador. Eric Wendelin publicó hace algunos días este interesante post con algunos ajustes que se pueden hacer a Firefox 3 manipulando el archivo userChrome.css, ajustes que no conseguirás en la lista que ha publicado Mozilla (y que también te será útil, claro).

¿No estás familiarizado con la manipulación del userChrome.css? Una buena noticia para ti: hacerlo es sumamente sencillo: puedes usar el camino rápido, instalar la extensión ChromEdit Plus o, si eres valeroso y prefieres usar el otro camino, te bastará con entrar a la carpeta del perfil, localizar allí la carpeta chrome, hacer una copia del archivo userChrome-example.css y renombrarla como userChrome.css. Luego puedes abrir este archivo usando un editor común como el Notepad. Si no sabes cómo llegar a la carpeta del perfil, revisa este artículo de la documentación de Mozilla Hispano.

Ahora sí. Vamos a los ajustes. Para que funcionen, al pegarlos en tu userChrome.css debes verificar que no haya espacio alguno al final de cada línea (al menos en Windows, el portapapeles agrega un espacio).

1. El tamaño sí importa

El tamaño sí importa

La nueva lista de autocompletar de Firefox 3, como quizás ya sabes, es una versión con esteroides de las listas anteriores. Pero dependiendo de tus gustos te puede parecer que se extiende mucho o muy poco, así que ¿por qué no darle un tamaño máximo especificado por ti? El código sirve para ajustar la altura máxima a 100 pixeles, pero por supuesto puedes asignarle otro valor si así lo deseas.

/* Ajusta la altura de la lista de autocompletar (en la barra de direcciones) */
#PopupAutoCompleteRichResult {
max-height: 100px !important;
}

2. Menos es más

Menos es más

Si algo bueno tiene Firefox es que sus posibilidades de personalización nos permiten sacar de la manga el máximo espacio posible de trabajo. Este ajuste te dará 4 píxeles más al eliminar el espacio entre las barras de direcciones y de búsqueda.

/* Elimina la separación entre la barra de direcciones y la barra de búsqueda */
#urlbar-search-splitter {
display: none !important;
}

3. ¡No quiero este menú!

¡No quiero este menú!

Si es posible agregar un marcador con la combinación de teclas Ctrl+D, marcar todas las pestañas abiertas con Ctrl+May+D y abrir los marcadores en el panel lateral con Ctrl+B, ¿entonces para qué quiero el menú Marcadores? Este ajuste permite ocultarlo. Un tip: si cambias “bookmarks” por “help” puedes ocultar también el menú Ayuda.

/* Oculta el menú Marcadores */
#bookmarksMenu {
display: none !important;
}

4. Estrella estrellada

Estrella estrellada

Ya lo vimos en el ajuste anterior: la combinación de teclas Ctrl+D es para muchos usuarios la vía preferida para agregar la página activa a los marcadores. ¿Entonces por qué no ocultar la estrella de la barra de direcciones?

/* Elimina de la barra de direcciones la estrella para agregar marcadores (usa en su lugar la combinación Ctrl+D) */
#star-button {
display: none !important;
}

5. Ir se va

Ir se va

Seamos francos: a estas alturas, ¿hay alguien que use el botón Ir? Para ocultarlo y así ganar un poco más de espacio, aquí está el ajuste:

/* Elimina de la barra de direcciones el botón Ir */
#go-button {
display: none !important;
}

6. Maquillaje para la barra

Maquillaje para la barra

Nuevo Firefox, nuevo look. Este ajuste es mi preferido, le da la apariencia que quieras a la barra de direcciones. Si sabes algo de códigos hexadecimales podrás combinar los colores como mejor te parezca. Y si no sabes, pues date una vuelta por esta página.

/* Cambia la apariencia de la lista de autocompletar */
.autocomplete-richlistitem {
background: #222222 !important;
color: #FFFFFF !important;
padding: 0px !important;
margin: 0px !important;
}
.autocomplete-richlistitem:hover,
.autocomplete-richlistitem[selected="true"] {
background: #444444 !important;
}

7. Bonus track: Pestaña egocéntrica

Pestaña egocéntrica

Este último ajuste trabaja tanto en Firefox 3 como en Firefox 2. Hace que la pestaña activa sea más ancha que las demás.

/* Muestra la pestaña activa con un ancho mayor */
#content tab[selected="true"] {
min-width: 200px !important;
}

(Vía Firefox Facts).



Octubre
28

Burlando restricciones del mouse

Por foXtensor. 13 comentarios. Guardado en Marcadores, Tutoriales

¿No es molesto cuando intentamos hacer click derecho en una página, y nos encontramos con que el aguafiestas del diseñador aplicó restricciones para el uso de ese botón del mouse? Si no sabes de qué te hablo puedes entrar en esta página e intentar hacer click derecho. Verás un recuadro como este:

Restriccón del botón derecho del mouse

Para usar el botón derecho del mouse en estas páginas es preciso saltarse esa restriccón con un código javascript. Ahora bien, si metemos ese código javascript en un marcador de la barra de marcadores, lo tendremos siempre a la mano. Lo primero que tienes que hacer es crear el nuevo marcador haciendo click derecho sobre la barra de marcadores y escogiendo la opción “Nuevo marcador”.

Creando un nuevo marcador para burlar la restriccón

En la caja de propiedades del nuevo marcador puedes asignarle el nombre que desees (en el ejemplo de abajo verás que le he puesto simplemente “X”). En la casilla “Direccón” debes pegar este código:

javascript:void(document.onmousedown=null); javascript:void(window.onmousedown=null)

Creando un nuevo marcador para burlar la restriccón

Al oprimir el botón Aceptar habrás configurado correctamente el marcador, que se verá más o menos como este:

Marcador para burlar la restriccón del botón derecho del mouse

Ahora puedes probarlo. Haz click en el marcador y vuelve a intentar un click derecho en la página. El menú contextual se desplegará como normalmente lo harí­a en una página sin restricciones.

¿Qué pasa si no te gusta la idea de crear un marcador y tenerlo allí­ ocioso la mayorí­a del tiempo? Puedes usar un procedimiento alterno que consiste en oprimir la combinación de teclas May+F10. Verás que se abre el menú contextual normalmente. Usando el teclado podrás realizar la acción que desees, por ejemplo si lo que querí­as era descargar una imagen puedes abrir el código de la página, copiar la dirección de la imagen y pegarla luego en la barra de direcciones del navegador. Por cierto, ambos procedimientos funcionan bien tanto en Firefox como en IE.

(Ví­a blogoff y Scott Granneman).




Seguramente muchos de ustedes conocen a Snapshots, el sistema más conocido para previsualizacón de sitios web, el cual nos permite ver en un pequeño popup el sitio web al cual hace referencia un link, al pasar el puntero del mouse sobre el mismo.

Si bien muchos blogs o sitios web incluyen este sistema, puede resultar molesto que cada vez que apuntamos a un enlace nos aparezca un popup de este tipo. En Cristalab han realizado un artí­culo donde nos muestran como eliminar los Snapshots en Firefox utilizando la extensión Stylish, y que vemos a continuación:

Lo primero que debemos hacer es instalar Stylish, la extensión para Firefox que nos permite aplicar estilos personalizados para los sitios web. Puedes instalarla a continuación:

Instalar Stylish

Una vez instalada, damos clic con el botón derecho del mouse en el icono de Stylish (en la barra de estado) y luego clic en Administrar estilos…

Luego damos clic en el botón Escribir… para crear un nuevo estilo. en la descripción podemos poner cualquier cosa, como “Muerte a snapshots” y escriben el siguiente código:

Por último damos clic en Guardar y listo. No más Snapshots en Firefox.




A través de las cookies es que se valen muchos sitios web para reconocernos cuando volvemos a visitarlos. De esta forma podemos personalizar el diseño de un sitio o hacer que nos recuerde las contraseñas, por ejemplo. Se trata de pequeños archivos que se almacenan en nuestra PC y que son leí­das al momento de visitar el sitio al cual pertenecen.

Pero las cookies pueden ser utilizadas como spyware, por ejemplo para registrar nuestros hábitos de navegación, lo cual da problemas de privacidad, ya que un sitio web puede estar registrando nuestra actividad sin que lo sepamos.

Aunque Firefox y prácticamente todos los navegadores tienen como opción borrar las cookies o deshabilitarlas, mediante un par de bookmarklets podemos ver y eliminar las que cookies que correspondan al sitio en el que nos encontramos. Un bookmarklet no es más que un enlace que podemos agregar a nuestros marcadores y que normalmente incluye código Javascript que se ejecuta en la página actual. A continuación les dejo los bookmarklets para ver y borrar las cookies para el sitio actual:

Para agregarlos, pueden arrastrar los enlaces a la barra de marcadores o bien mediante el botón derecho del mouse y la opción ‘Marcar este enlace…‘. Luego basta con dar clic en los enlaces de la barra de marcadores para utilizarlos:

Funciona en prácticamente todos los navegadores actuales, no solo en Firefox, aunque no podí­a dejar pasar por alto estos bookmarklets de los cuales soy adicto :)

Ví­a :: blogoff




Existen varias alternativas al clásico explorador de Windows y muy buenas. Xplorer 2, UltraExplorer, Total Commander, Ac Browser Plus…. y la lista sigue, con funciones extra y más completos. De paso le sumamos otra alternativa: utilizar Firefox como explorador de archivos utilizando IE Tab, la extensión que nos permite ver una página de IE en Firefox. SI no tienes instalada IE Tab, puedes hacerlo a continuación:

Instalar IE Tab

Luego debemos configurar IE Tab para que abra directamente todos los enlaces que comiencen con ‘file:///‘. Para esto vamos a Herramientas - Opciones de IE Tab, y agregamos file:///* como nueva regla:

De esta forma al escribir C: o cualquier dirección comenzando con file:/// en la barra de direcciones, Firefox se convertirá en el explorador de Windows. Esto se puede combinar con la extensión Fullerscreen para utilizarlo a pantalla completa, o bien podemos poner una carpeta local como página de inicio.

Seguro que no va a superar a Xplorer 2, pero es una forma ingeniosa de utilizar el navegador :)

Ví­a :: Lifehacker




Algo que deja que desear en el aspecto de Firefox son los controles HTML de las páginas web, como los botones y campos de texto. Principalmente la versión para Linux muestra unos gráficos bastante precarios, y en Windows no es mucho mejor ya que los controles lucen al estilo de Windows por defecto.

Sin embargo en ambos casos tenemos solución. En Linux, por más que cambiemos el tema de escritorio los controles seguirán viéndose de la misma forma. Lo bueno es que Firefox permite modificar el aspecto de estos controles utilizando CSS, de forma que podemos personalizarlos a gusto.

El archivo a modificar se llama forms.css y se encuentra en la subcarpeta res de donde tengamos instalado Firefox. Para aplicar una versión modificada para la ocasón, debemos realizar lo siguiente:

En Linux abrimos un terminal y ejecutamos los siguientes comandos, uno por uno:

  • tar -xvzf firefox-form-widgets.tar.gz
  • sudo cp /usr/lib/mozilla-firefox/res/forms.css /usr/lib/mozilla-firefox/res/forms.css.bak
  • cat firefox-form-widgets/res/forms-extra.css | sudo tee –append /usr/lib/mozilla-firefox/res/forms.css > /dev/null
  • sudo cp -r firefox-form-widgets/res/form-widgets /usr/lib/mozilla-firefox/res
  • rm -rf firefox-form-widgets

Al entrar a Firefox nuevamente, notaremos la diferencia, notando los controles más refinados:

Para el caso de Windows, Akirasan ha realizado una adaptacón para Firefox 2.0 de Philippe Wittenbergh (quien hizo una modificacón para Mac) y las instrucciones son las que siguen:

  • Descarga los archivos requeridos en formato .zip desde este enlace.
  • Vamos a la carpeta res de donde tenemos instalado Firefox (normalmente c:\Archivos de programa\Mozilla Firefox\res) y renombramos el archivo forms.css por forms.css.old.
  • Descomprimimos el archivo .zip en esta carpeta.

Al entrar nuevamente a Firefox, podremos ver que los controles han mejorado:

Listo. Ahora a disfrutar de los nuevos controles :)

Ví­a :: Akirasan | OS Novice





Keegy