V tomto tutoriálu vám ukážeme, jak nainstalovat a nakonfigurovat Firefox Developer Edition na Ubuntu 16.04 LTS. Pro ty z vás, kteří nevěděli, Firefox Developer Edition, což je prohlížeč vytvořený speciálně pro webové vývojáře, byl poprvé představen společností Mozilla již v listopadu 2014. Zjednodušuje vývojový pracovní postup, takže vývojáři nemusí přeskakovat mezi různými platformami a prohlížeči. Tento prohlížeč je dodáván s předinstalovanými mnoha nástroji pro vývojáře webu, jako jsou WebIDE a Valence, které umožňuje vývojářům ladit další prohlížeče a aplikace přímo z vývojáře Firefoxu. Tato edice Firefoxu je dostupná pro většinu operačních systémů, jako jsou Windows, Linux a MAC OS.
Tento článek předpokládá, že máte alespoň základní znalosti Linuxu, víte, jak používat shell, a co je nejdůležitější, hostujete svůj web na vlastním VPS. Instalace je poměrně jednoduchá a předpokládá, že běží v účtu root, pokud ne, možná budete muset přidat 'sudo ‘ k příkazům pro získání oprávnění root. Ukážu vám krok za krokem instalaci webového prohlížeče Firefox Developer Edition na server Ubuntu 16.04 (Xenial Xerus).
Funkce Firefox Developer Edition
- Nástroje pro vizuální úpravy – Vizuálně upravujte animace CSS a HTML přehrávané na stránce z panelu Inspektor. Ověřte zarovnání, rozměry a odsazení libovolného prvku pomocí nástrojů Pravítko a Měření.
- DevTools Challenger – Pomocí vizuálních animací a nástrojů pro úpravu CSS ve Developer Edition prozkoumejte hlubiny oceánu a komunikujte s nejpodivnějšími tvory.
- Nástroje pro výkon – Prozkoumejte snímkovou frekvenci svého webového obsahu, spotřebu paměti a profil JS v konsolidovaném zobrazení časové osy, abyste mohli snadno identifikovat a odstraňovat úzká místa výkonu.
- Inspektor stránky – Prozkoumejte HTML a CSS jakékoli webové stránky a snadno upravte strukturu a rozvržení stránky.
- Webový zvukový editor – Kontrolujte a pracujte s rozhraním Web Audio API v reálném čase, abyste zajistili, že všechny zvukové uzly jsou připojeny způsobem, který očekáváte.
- Webová konzole – Prohlédněte si protokolované informace spojené s webovou stránkou a použijte Web Console k interakci s webovými stránkami pomocí JavaScriptu.
- Debugger JavaScript – Projděte si kód JavaScript a prozkoumejte nebo upravte jeho stav, abyste pomohli vystopovat chyby.
- Monitor sítě – Podívejte se na všechny síťové požadavky vašeho prohlížeče, jak dlouho každý požadavek trvá a podrobnosti o každém požadavku.
- Editor stylu – Prohlížejte a upravujte styly CSS přidružené k webové stránce, vytvářejte nové a aplikujte existující šablony stylů CSS na jakoukoli stránku.
- Responzivní zobrazení návrhu – Podívejte se, jak bude váš web nebo webová aplikace vypadat na různých velikostech obrazovky, aniž byste museli měnit velikost okna prohlížeče.
Nainstalujte si Firefox Developer Edition na Ubuntu 16.04 LTS
Krok 1. Nejprve se ujistěte, že všechny vaše systémové balíčky jsou aktuální spuštěním následujícího apt-get příkazy v terminálu.
sudo apt-get update sudo apt-get upgrade
Krok 2. Instalace Firefox Developer Edition.
Nejprve přidejte úložiště pro stažení vývojářské edice Mozilla Firefox. Postupujte podle tohoto příkazu:
sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora sudo apt-get update sudo apt-get install firefox
Po instalaci otevřete Firefox Developer Edition z Ubuntu Dash.
Blahopřejeme! Úspěšně jste nainstalovali Firefox Developer Edition. Děkujeme, že jste použili tento návod k instalaci webového prohlížeče Firefox Developer Edition v systému Ubuntu 16.04 LTS (Xenial Xerus). Další nápovědu nebo užitečné informace získáte, doporučujeme vám podívat se na oficiální web Firefox Developer Edition.