Cargando

Ir a contenido

X



Cómo instalar Firefox developer en Ubuntu

Tutorial para saber cómo instalar Firefox developer en Ubuntu y cómo configurarlo paso a paso


Escrito por mar 20 2020 10:37 ubuntu

Los sistemas operativos Linux traen Mozilla Firefox como el navegador por defecto y sabemos muy bien que este es un navegador moderno que integra numerosas funcionalidades y herramientas para el usuario final, pero existen muchos usuarios que van más allá y desean saber de antemano las novedades que estarán presentes en las siguientes ediciones de Mozilla Firefox.

 

Por ello estamos en la posibilidad de instalar Firefox Developer la cual, como su nombre lo indica, es la versión exclusiva para desarrolladores en la cual se ponen a prueba las nuevas funcionalidades por lo cual, y te hacemos énfasis en esto, se convierte en una edición que puede fallar en cualquier momento. Esto te lo decimos para que la uses en un ambiente de prueba o solo conocimiento sin vincular datos delicados allí.

 

Firefox Developer nos ofrece características como
  • Integra un nuevo motor CSS, el cual está escrito en Rust, el cual maneja las últimas tendencias tecnológicas y se ha desarrollado para mejorar la velocidad de procesamiento
  • Añade Firefox DevTools las cuales son un conjunto de funciones que integran JavaScript, el cual puede ser adaptado a diferentes navegadores ya que está construido con React y Redux
  • Integra un nuevo panel de tipografías el cual será de gran ayuda a los desarrolladores ya que ofrecen un acceso rápido a los detalles de las tipografías que han de ser usadas en un elemento
  • Firefox DevTools puede atenuar las declaraciones CSS que no poseen ningún tipo de efecto en la página web
  • Posee un conjunto de herramientas para crear y diseñar con CSS Grid
  • La consola de desarrollo puede detectar errores de seguridad, analizar redes CSS y JavaScript
  • Moderno panel de almacenamiento donde será posible añadir, modificar o eliminar caché, cookies, bases de datos y más datos

 

Sin más palabras vamos a ver como instalar Firefox Developer en Ubuntu, en este caso usaremos Ubuntu 20.04.

 

Ten a mano tus Sistemas Operativos preferidos y crea un mismo USB booteable Multiboot para diferentes sistemas con WinsetupfromUSB y WintoUSB.

 


1. Cómo instalar Firefox Developer en Ubuntu

 

Paso 1

Para dar inicio a este proceso iremos al sitio web oficial de Firefox Developer en el siguiente enlace:

 

 

instalar-Firefox-developer-en-Ubuntu-1.png

 

Paso 2

Allí damos clic sobre el botón “Firefox Developer Edition” y se desplegará la siguiente ventana donde debemos guardar el archivo .tar:

 

instalar-Firefox-developer-en-Ubuntu-2.png

 

Paso 3

Damos clic en OK para proceder con la descarga:

 

instalar-Firefox-developer-en-Ubuntu-3.png

 

Paso 4

Ahora accedemos a la terminal de Ubuntu y vamos al directorio Descargas ejecutando:
cd Descargas
Paso 5

Podemos ejecutar el comando “ls” para listar el archivo de Firefox que hemos descargado:

 

 

instalar-Firefox-developer-en-Ubuntu-4.png

 

Paso 6

Vamos a copiar este archivo en el directorio /opt de la siguiente forma:
sudo cp -rp firefox-75.0b5.tar.bz2 /opt

instalar-Firefox-developer-en-Ubuntu-5.png

 

Paso 7

Eliminamos el archivo .tar con el comando:
sudo rm -rf firefox-75.0b5.tar.bz2

instalar-Firefox-developer-en-Ubuntu-6.png

 

Paso 8

Iremos al directorio home con el siguiente comando:
cd ~
Paso 9

Accedemos al directorio opt con la orden cd /opt y validamos con “ls” que este el archivo que hemos copiado:

 

 

instalar-Firefox-developer-en-Ubuntu-7.png

 

Paso 10

Descomprimimos el archivo que hemos descargado con la orden:
sudo tar xjf firefox-75.0b5.tar.bz2

instalar-Firefox-developer-en-Ubuntu-8.png

 

Paso 11

Eliminamos el archivo .tar:
sudo rm -rf firefox-75.0b5.tar.bz2
Ahora vamos a cambiar la propiedad de la carpeta donde esta alojado Firefox Developer Edition a /opt/firefox:
sudo chown -R $USER /opt/Firefox

instalar-Firefox-developer-en-Ubuntu-9.png

 

Paso 12

Abrimos el archivo .bashrc con el siguiente comando:
nano ~/.bashrc
Paso 13

Allí ingresaremos la siguiente línea la cual redirecciona al ejecutable de Firefox:
export PATH=/opt/firefox/firefox:$PATH

instalar-Firefox-developer-en-Ubuntu-10.png

 

Guardamos los cambios con las teclas Ctrl + O y salimos del editor con las teclas Ctrl +X.

 

Paso 14

Por último, vamos a ejecutar un comando que tiene como tarea crear un archivo de escritorio de Unity para acceder a Firefox Developer desde allí, para esto pegamos las siguientes líneas en la terminal:
cat > ~/.local/share/applications/firefoxDeveloperEdition.desktop <<EOL
[Desktop Entry]
Encoding=UTF-8
Name=Firefox Developer Edition
Exec=/opt/firefox/firefox
Icon=/opt/firefox/browser/chrome/icons/default/default128.png
Terminal=false
Type=Application
Categories=Network;WebBrowser;Favorite;
MimeType=text/html;text/xml;application/xhtml_xml;x-scheme-handler/http;x-scheme-handler/https;x-scheme-handler/ftp; X-Ayatana-Desktop-Shortcuts=NewWindow;NewIncognitos;
EOL

instalar-Firefox-developer-en-Ubuntu-11.png

 

Paso 15

Una vez realizado esto accedemos a Actividade4s y allí buscamos Firefox Developer:

 

instalar-Firefox-developer-en-Ubuntu-12.png

 

Paso 16

Una vez accedamos al navegador veremos lo siguiente:

 

 

Paso 17

Los primeros cambios visuales los veremos desde el momento de acceder a las herramientas de desarrollador en cualquier sitio web:

 

 

Paso 18

Del mismo modo las opciones de configuración presentan algunos cambios:

 

 

 

Con estos simples pasos será posible instalar y usar Firefox Developer en Ubuntu y saber de antemano las novedades que llegarán en los próximos meses.

 

Tutorial para saber permisos Linux con el comando CHMOD 777, CHMOD 755, CHMOD 644 y otros como comando CHOWN o comando CHATTR.



AYUDA A MEJORAR ESTE TUTORIAL!

¿Crees que puedes corregir o mejorar este tutorial? Puedes enviar tu Edición con los cambios que consideres útiles.
0 usuarios han editado este tutorial. ¡Edita y conviértete en un reconocido experto!


1 Comentarios

Excelente, llevaba unos días intentando hacer esta instalación! Gracias!!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!


  Información

  •   Publicado mar 20 2020 10:37
  •   Visitas 4.8K
  •   Nivel
    Avanzado

  Apartados del Tutorial

X