Firefox Developer Edition
O Firefox Developer Edition é uma versão modificada do Firefox, projetada especificamente para desenvolvedores da web. Ele usa um perfil separado que a versão regular do Firefox. Isso significa que você pode ter o Firefox ou o F-beta instalado ao lado da edição do desenvolvedor. Note que o seu F.D.E. será um navegador totalmente personalizado pela ONU. Para unificar as configurações, você pode usar a sincronização do Firefox .
Aqui está uma das muitas vantagens quando se usa F.D.E:
"Ao usar o Developer Edition, você ganha acesso a ferramentas e recursos de plataforma pelo menos 12 semanas antes de alcançar o principal canal de lançamento do Firefox." - Developer Edition - Mozilla | MDN # The_latest_Firefox_features
Instalação
Existem atualmente três maneiras de fazer isso, manualmente, PPA ou Ubuntu Make .
manualmente
Faça o download da página do Mozilla Firefox Developer Edition . Extraia com file-roller e mova a pasta para o local final. Uma boa prática é instalá-lo em /opt/ ou /usr/local/ .
Depois de mover os arquivos para o local final (digamos, /opt/firefox_dev/ ), você pode criar o seguinte arquivo ~/.local/share/applications/firefox_dev.desktop para obter um lançador com um ícone diferente do Firefox normal.
[Desktop Entry]
Name=Firefox Developer
GenericName=Firefox Developer Edition
Exec=/opt/firefox_dev/firefox
Terminal=false
Icon=/opt/firefox_dev/browser/chrome/icons/default/mozicon128.png
Type=Application
Categories=Application;Network;X-Developer;
Comment=Firefox Developer Edition Web Browser.
Para iniciá-lo, procure Firefox Developer e simplesmente execute o firefox binário e voilà.
Note que, quando você instala manualmente, o F.D.E. não possui o menu global de unidade por padrão.
PPA
O Firefox para desenvolvedores atualmente reside em Firefox Aurora: “Equipe de desenvolvimento diário do Ubuntu Mozilla” equipe . Deve-se notar que:
"O Firefox Developer Edition substitui o canal Aurora no Processo de lançamento do Firefox . Como o Aurora, os recursos vão parar no desenvolvedor Edição a cada seis semanas, depois de se estabilizarem no Nightly. " - Developer Edition - Mozilla | MDN #The_latest_Firefox_features
Além disso:
"Versão 35.0a2, oferecida pela primeira vez aos usuários do Firefox Developer Edition em 10 de novembro de 2014" - Firefox - Notas Aurora (35.0a2) - Mozilla # main-content
Instale o Firefox Developer Edition, conhecido anteriormente como Aurora, da seguinte forma:
sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora
sudo apt-get update
sudo apt-get install firefox
O PPA da Mozilla só contém pacotes para as versões suportadas do Ubuntu, não versões EOL (End Of Life).
Observe que a instalação com o ppa mencionado acima resultará na substituição da instalação atual do Firefox!
Ubuntu Make
Este método foi fornecido por Jorge Castro . Estou adicionando isso aqui, porque também é uma excelente maneira de instalar o Firefox Developer Edition (e muitas outras ferramentas de desenvolvimento).
sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make
sudo apt-get update
sudo apt-get install ubuntu-make
Depois de instalar o ubuntu-make, informe-o para instalar o web tool firefox-dev .
umake web firefox-dev
Desinstalar
Se você deseja manter o Firefox padrão atual, porque o FDE não tem novos recursos que você gosta, ou por qualquer motivo, aqui estão algumas maneiras de desinstalá-lo.
PPA
Você pode remover o ppa e seus pacotes usando ppa-purge.
Instale da seguinte forma:
sudo apt-get install ppa-purge
O seguinte removerá o PPA e seus pacotes:
sudo ppa-purge ppa:ubuntu-mozilla-daily/firefox-aurora
manualmente
remova os binários com o comando rm (renomeie o caminho para o local onde você realmente extraiu o FDE). Ou com o seu gerenciador de arquivos:
sudo rm -r /opt/firefox_dev/
Remova também o firefox_dev.desktop
sudo rm ~/.local/share/applications/firefox_dev.desktop
Depois disso, você removeu com sucesso o Firefox Developer Edition.
Ubuntu Make
o seguinte comando removerá o Firefox Developer Edition:
umake web firefox-dev -r
Você também pode remover o umake e seu PPA ( ppa-purge necessário, consulte as instruções de instalação acima):
sudo ppa-purge ppa:ubuntu-desktop/ubuntu-make
Screenshot
Firefox Developer Edition no Ubuntu 14.04.1
Alterar tema
No momento da redação, há três temas disponíveis para o F.D.E. Veja como ativá-los.
Digite na barra de URL:
about: config
Quando no filtro de pesquisa, digite theme . Em seguida, clique duas vezes em devtools.theme . Depois disso, digite light e o tema será aplicado.
Screenshot com vários temas disponíveis para F.D.E.
Recursos
Alguns - mas não todos - recursos apresentados pelo Mozilla:
-
WebIDE :
-
permite desenvolver, implantar e depurar aplicativos da Web diretamente no navegador ou em um dispositivo Firefox OS. Ele permite que você crie um novo aplicativo do Firefox OS (que é apenas um aplicativo da web) de um modelo ou abra o código de um aplicativo existente. De lá, você pode editar os arquivos do aplicativo. É um clique para executar o aplicativo em um simulador e mais um para depurá-lo com as ferramentas do desenvolvedor.
-
-
Valence :
-
(anteriormente chamado de Firefox Tools Adapter) permite desenvolver e depurar seu aplicativo em vários navegadores e dispositivos, conectando as ferramentas de desenvolvimento do Firefox a outros mecanismos principais de navegadores. O Valence também amplia as ferramentas incríveis que criamos para depurar o Firefox OS e o Firefox para Android para os outros principais navegadores móveis, incluindo o Chrome no Android e o Safari no iOS. Até agora, essas ferramentas incluem nosso Inspector, Debugger e Console and Style Editor.
-
-
Modo de design responsivo :
- veja como o seu website ou aplicativo da web ficará em diferentes tamanhos de tela sem alterar o tamanho da janela do seu navegador.
-
Inspetor de páginas :
- examine o HTML e CSS de qualquer página da Web e modifique facilmente a estrutura e o layout de uma página.
-
Console da Web :
- veja as informações registradas associadas a uma página da Web e use o Console da Web e interaja com uma página da Web usando JavaScript.
-
Depurador JavaScript :
- percorra o código JavaScript e examine ou modifique seu estado para ajudar a rastrear bugs.
-
Monitor de Rede :
- veja todas as solicitações de rede feitas pelo seu navegador, quanto tempo cada solicitação leva e detalhes de cada solicitação.
-
Editor de estilo :
- visualize e edite estilos CSS associados a uma página da Web, crie novos e aplique as folhas de estilo CSS existentes em qualquer página.
-
Editor de áudio da Web :
- inspecione e interaja com a API de áudio da Web em tempo real para garantir que todos os nós de áudio estejam conectados da maneira esperada.
Referência :
-
Mozilla Apresenta o primeiro navegador criado para desenvolvedores: Firefox Developer Edition ✩ Mozilla Hacks - o blog de desenvolvedores da Web
-
Firefox - Notas Aurora (35.0a2) - Mozilla (Notas do Firefox Developer Edition )
- Versão 35.0a2, oferecida pela primeira vez aos usuários do Firefox Developer Edition em 10 de novembro de 2014
-
Firefox Aurora constrói: “Equipe do Ubuntu Mozilla Daily Build Team”