Dillo – Navegador web ligero

Solapas principales

Índice

 

1. Introducción

 

Dillo es un pequeño navegador web, ligero, multiplataforma y libre, pensado para usarse en sistemas embebidos y computadoras con bajos recursos. Fue escrito en C y C++, soporta solamente HTML/XHTML (con renderizado CSS) y imágenes sobre HTTP. Debido al poco tamaño que ocupa es el navegador por defecto de algunas distribuciones minimalistas como Raspbian, Damn Small Linux, Feather Linux, Vector Linux, antiX y Mustang Linux.

 

dillo_simple

 

El ingeniero en software chileno Jorge Arellano Cid publicó la primera versión de Dillo en Diciembre de 1999. Su principal objetivo como navegador es la democratización de la información de Internet. Pensando en todos aquellos usuarios que no poseen una computadora moderna o una conexión rápida para poder tener acceso a los contenidos de la web. Para este fin, Dillo fue diseñado para ser pequeño, rápido y eficiente.

 

2. Instalación

 

Para instalar dillo, podemos valernos de apt. Por lo tanto:

 

apt install dillo

 

 

3. Uso

 

Basta con abrirlo desde la terminal como dillo o bien desde el menú de aplicaciones.

 

3.1 Opciones para la linea de comandos

 

-f, --full-window

 

Inicia en pantalla completa, oculta la barra de direcciones, los botones de navegación el menú y la barra de estado.

 

-g, --geometry

 

Define la ubicación y tamaño de la ventana. Donde GEO es un valor numérico para anchoxalto[{+-]x{+-}Y]

-h, --help

 

Muestra este texto de ayuda y sale.

 

-l, --local

 

No carga imágenes o hojas de estilos, o sigue redirecciones para archivos o direcciones url. Esto esta pensado para usar con email html.

 

-v, --version

 

Muestra la versión del programa y sale.

 

-x, --xid XID

 

Abre la primera ventana de Dillo en una ventana existente, donde XID es la ID de la ventana.

 

3.2 Atajos de teclado

 

Ctrl+L : Barra de direcciones

Ctrl+F : Buscar texto

Ctrl+S : Abre el cuadro de dialogo “Buscar en la Web”

Ctrl+R : Volver a cargar la página actual

Ctrl+N : Nueva ventana

Ctrl+T : Nueva pestaña

Ctrl+W : Cerrar pestaña/ventana

Ctrl+O : Abrir archivo

Ctrl+U : Ver código fuente de la página

Ctrl+B : Ver los marcadores

Ctrl+Q : Cierra Dillo

Retroceso o , : Página anterior

Shift+Retroceso : Página siguiente

Alt+F : Abre el menú de Dillo

Ctrl+AvPág : Siguiente pestaña

Ctrl+RePág : Pestaña anterior

b|B espacio: Scroll hacia arriba/abajo

 

4. Configuración del archivo .dillorc

 

Para una configuración más a fondo del navegador se hace uso del archivo .dillorc, localizado en la carpeta .dillo dentro de home. Por ejemplo:

 

#Define el tamaño de la ventana.
geometry=1366x725


#Tipografías por defecto
font_serif="Droid Serif"
font_sans_serif="Droid Sans"
font_cursive="URW Chancery L"
font_fantasy="Droid Sans"
font_monospace="Droid Sans Mono"


#Página de inicio
start_page="https://www.dillo.org"


#Establece las URLs de los motores de búsqueda a usar en el cuadro de dialogo “Buscar en la web” o desde la barra de direcciones.
#Se pueden agregar más buscadores a la lista, siendo el primero el que se usa por defecto.
# Formato: url_del_buscardor="[prefijo ][<etiqueta> ]<url>"
# "%s" es reemplazado con las palabras claves separadas por '+'.
#En la barra de direcciones el prefijo se usa de esta manera: dd Debian

search_url="dd DuckDuckGo https://duckduckgo.com/lite/?kp=-1&kd=-1&=1&q=%s"
search_url="Wikipedia http://www.wikipedia.org/w/index.php?search=%s&go=Go"
search_url="Free Dictionary http://www.thefreedictionary.com/%s"
search_url="Startpage (https) https://www.startpage.com/do/search?query=%s"
search_url="Google http://www.google.com/search?ie=UTF-8&oe=UTF-8&q=%s"


#Si se define, dillo pedirá a los servidores web que envíen páginas en este idioma
#Nota: Esto no cambia el idioma en la interfaz.
http_language="es-ES


#Cambia el color de fondo de la página
bg_color=white

 

4.1 Temas para Dillo

 

Se puede cambiar la apariencia de Dillo para que este se integre mejor con el resto de las aplicaciones o con el tema que estemos usando. Por ejemplo:

 

# Temas de la interfaz
# "none" es la apariencia por defecto de FLTK, que "recuerda al viejo 
#Windows… y los viejos GTK/KDE".
# "plastic" " es inspirado por la interfaz Aqua de Mac OS X".
# "gtk+" " esta inspirado por el tema de Red Hat Bluecurve".
#
# Si tienes fltk-1.3.3 o más nuevo, puedes especificar "gleam", que
# es "una especie de tema Clearlooks brillante". ("fltk-config –version")

theme=gtk+

 

Para usar los temas basta con comentar (#) el que esta en uso y descomentar/agregar el deseado. Con esto se logra conseguir una buena cantidad de combinaciones.

 

Nota: La apariencia de estos varia según el tema de la interfaz, en este caso se muestra el resultado con la opción “gtk+”

ackto_para_dillo

#Tema ackto para dillo
ui_fg_color=black
ui_main_bg_color=#e9e9eA
ui_text_bg_color=white
ui_selection_color=#65ade2
ui_button_highlight_color=#65ade2
ui_button_highlight_color=#d8d8d8
ui_tab_active_bg_color=#65ade2
ui_tab_active_fg_color=white
ui_tab_bg_color=#e9e9eA

valium_para_dillo

#Tema valium para dillo
ui_fg_color=black
ui_main_bg_color=#c4c9cd
ui_text_bg_color=white
ui_selection_color=#1f5ea5
ui_button_highlight_color=#1f5ea5
ui_tab_active_bg_color=#1f5ea5
ui_tab_active_fg_color=white
ui_tab_bg_color=#c4c9cd

bahamut_para_dillo

#Tema bahamut para dillo
ui_fg_color=white
ui_main_bg_color=#272727
ui_text_bg_color=#818181
ui_selection_color=#ecce26
ui_button_highlight_color=#ecce26
ui_tab_active_bg_color=#ecce26
ui_tab_active_fg_color=black
ui_tab_bg_color=#272727

komando_para_dillo

#Tema komando para dillo
ui_fg_color=black
ui_main_bg_color=#e1eefc
ui_text_bg_color=white
ui_selection_color=#4a9be1
ui_button_highlight_color=#0098e8
ui_tab_active_bg_color=#0098e8
ui_tab_active_fg_color=white
ui_tab_bg_color=#e1eefc

plastiko_para_dillo

#Tema plastiKO para dillo
ui_fg_color=black
ui_main_bg_color=#EFEFEF
ui_text_bg_color=white
ui_selection_color=#576FC0
ui_button_highlight_color=#576FC0
ui_tab_active_bg_color=#3E91EB
ui_tab_active_fg_color=white
ui_tab_bg_color=#DAE3EB

mosh_para_dillo

#Tema mosh para dillo
ui_fg_color=white
ui_main_bg_color=#2b2b2b
ui_text_bg_color=gray
ui_selection_color=#c5e904
ui_button_highlight_color=#65ade2
ui_button_highlight_color=#c5e904
ui_tab_active_bg_color=black
ui_tab_active_fg_color=#c5e904
ui_tab_bg_color=#2b2b2b

domaik_para_dillo

#Tema domaik para dillo
ui_fg_color=#fafafa
ui_main_bg_color=#4A4945
ui_text_bg_color=#4A4945
ui_selection_color=#F5824A
ui_button_highlight_color=#F17D42
ui_tab_active_bg_color=#F17D42
ui_tab_active_fg_color=white
ui_tab_bg_color=#4D4C47

erizo_para_dillo

#Tema erizo para dillo
ui_fg_color=#fafafa
ui_main_bg_color=#3A3A3A
ui_text_bg_color=#4A4945
ui_selection_color=#51A0F3
ui_button_highlight_color=#51A0F3
ui_tab_active_bg_color=#51A0F3
ui_tab_active_fg_color=white
ui_tab_bg_color=#3A3A3A

ekexinfonia_para_dillo

#Tema ekexinfonia para dillo
ui_fg_color=white
ui_main_bg_color=#020c0e
ui_text_bg_color=gray
ui_selection_color=#add461
ui_button_highlight_color=#65ade2
ui_button_highlight_color=#96BD4A
ui_tab_active_bg_color=#020c0e
ui_tab_active_fg_color=#add461
ui_tab_bg_color=#020c0e

mimenum_para_dillo

#Tema mimenum para dillo
ui_fg_color=white
ui_main_bg_color=#151A1E
ui_text_bg_color=#7A7876
ui_selection_color=#444444
ui_button_highlight_color=#444851
ui_tab_active_bg_color=#474747
ui_tab_active_fg_color=white
ui_tab_bg_color=#151A1E

leviatan_para_dillo

#Tema leviatan para dillo
ui_fg_color=#e6e6e6
ui_main_bg_color=#3c3c3c
ui_text_bg_color=#2b2b2b
ui_selection_color=#01A1E2
ui_button_highlight_color=#01A1E2
ui_tab_active_bg_color=#01A1E2
ui_tab_active_fg_color=white
ui_tab_bg_color=#3c3c3c

xelux_para_dillo

#Tema xelux para dillo
ui_fg_color=white
ui_main_bg_color=#222222
ui_text_bg_color=#777777
ui_selection_color=#CE2B2B
ui_button_highlight_color=#CE2B2B
ui_tab_active_bg_color=#CE2B2B
ui_tab_active_fg_color=white
ui_tab_bg_color=#494949

 

4.2 Modo oscuro para Dillo

 

Para obtener un modo oscuro, añade un archivo de texto llamado style.css a la carpeta .dillo con lo siguiente:

* {background-color: #353637 !important; color: #B7B7B7 !important}
:link {color: #77A6CA !important}
:visited {color: #2A3BB1 !important}

 

Resultado:

modo_oscuro_para_dillo

Para usarlo o desactivarlo simplemente cambie su nombre o sitúelo fuera de la carpeta .dillo.

 

4.3 Bloquear publicidad en Dillo y otros navegadores sin complementos.

Los archivos hosts han estado en uso desde los tiempos de ARPANET. Se utilizaban para resolver nombres de dominios antes de que surgieran los DNS. Estos archivos eran muy grandes, utilizados para ayudar a resolver nombres de hosts. En sistemas Unix, se encuentra en /etc/hosts.

 

Basta con editar el archivo hosts y reemplazarlo o modificarlo con el contenido del siguiente llamado Energized Basic Protection. Entonces, en un terminal logueado como root y habiendo hecho una copia de nuestro hosts original antes, digitamos:

cd /etc/
cp hosts hosts2
rm hosts
wget https://raw.githubusercontent.com/EnergizedProtection/block/master/basic/formats/hosts

Una vez hecho esto, habremos bloqueado gran parte de la publicidad que suele encontrarse por la web. También podemos agregar entradas manualmente a nuestro archivo hosts y así personalizarlo según nuestras necesidades.

 

5. Preguntas frecuentes

 

¿Qué ha pasado con las opciones de configuración de colores en .dillorc?

Para establecer los colores de las páginas web, haga un archivo ~ /.dillo /style.css y agregue las reglas CSS allí. Por ejemplo:

 

* {background-color: green !important; color:red !important}
:link {color: orange !important}
:visited {color: brown !important}

 

¿Cómo obligo a las páginas web a usar mis tipografías favoritas con CSS?

En el archivo ~/.dillo/style.css file, agrega reglas como estas:

 code, tt, pre, samp, kbd {font-family: monospace !important}
 * {font-family: serif !important}

Las fuentes específicas están asociadas a las familias serif, sans-serif, monospace, fantasy y cursiva en el archivo de configuración .dillorc.

 

¿Por qué Dillo3 no encuentra la tipografía que configuré?

fltk-1.3 es algo más restringido en su uso de nombres de tipografías que fltk2. Intente con el comando fc-list como se muestra en el archivo de configuración actual de .dillorc para encontrar la forma correcta del nombre de tipografía a usar.

 

¿Cómo puedo activar las cookies?

(O bien: ¿Por qué no puedo iniciar sesión en un sitio? / ¿Por qué no puedo permanecer conectado a un sitio?)

Por cuestiones de privacidad, Dillo viene con las cookies desactivadas por defecto. En el archivo Cookies.txt se explica el porque con más detalle. Configurar las cookies es sencillo, algo como esto en tu archivo ~/.dillo/cookiesrc es más que suficiente para comenzar y darse una idea:

 

DEFAULT DENY
fltk.org ACCEPT
.host.com ACCEPT_SESSION

 

¿Cómo puedo limpiar mis cookies?

Primero, deten tus plugins (dpis) con el siguiente comando:

dpidc stop

 

Las cookies dpi escribirán cualquier cookie permanente (ACCEPT) en el disco, y las cookies temporales (ACCEPT_SESSION) se descartarán a medida que el dpi salga.

En segundo lugar, elimina las cookies permanentes eliminando o editando su archivo ~/.dillo /cookies.txt.

 

¿Dónde está el archivo del historial?

Dillo no tiene un archivo con el historial de navegación.

 

6. Fuentes

 

man dillo

https://www.dillo.org/