このチュートリアルでは、Ubuntu16.04LTSにFirefoxDeveloperEditionをインストールして構成する方法を示します。知らない人のために、ブラウザーであるFirefoxDeveloperEditionを紹介します。 Web開発者向けに特別に構築され、2014年11月にMozillaによって最初に導入されました。開発ワークフローが合理化されるため、開発者は異なるプラットフォームやブラウザ間を行き来する必要がありません。このブラウザには、WebIDEやValenceなどの多くのWeb開発者ツールがプリロードされています。開発者がFirefox開発者内から直接他のブラウザやアプリをデバッグできるようにします。このエディションのFirefoxは、Windows、Linux、MACOSなどのほとんどのオペレーティングシステムで利用できます。
この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、サイトを独自のVPSでホストしていることを前提としています。インストールは非常に簡単で、ルートアカウントで実行されていますが、そうでない場合は、'sudoを追加する必要があります。 ‘ルート権限を取得するコマンドに。 Ubuntu 16.04（Xenial Xerus）サーバーにFirefox DeveloperEditionWebブラウザーを段階的にインストールする方法を説明します。
FirefoxDeveloperEditionの機能
- ビジュアル編集ツール –インスペクターパネルからページで再生されているCSSおよびHTMLアニメーションを視覚的に編集します。ルーラーツールと測定ツールを使用して、要素の位置合わせ、寸法、およびパディングを確認します。
- DevToolsチャレンジャー – Developer EditionのビジュアルアニメーションとCSS編集ツールを使用して、海の深さを探索し、最も奇妙な生き物と対話します。
- パフォーマンスツール –統合されたタイムラインビューでWebコンテンツのフレームレート、メモリ消費量、およびJSプロファイルを調べて、パフォーマンスのボトルネックを簡単に特定してトラブルシューティングできるようにします。
- ページインスペクター –任意のWebページのHTMLとCSSを調べて、ページの構造とレイアウトを簡単に変更します。
- Webオーディオエディタ – Web Audio APIをリアルタイムで検査および操作して、すべてのオーディオノードが期待どおりに接続されていることを確認します。
- Webコンソール – Webページに関連付けられたログ情報を確認し、Webコンソールを使用してJavaScriptを使用してWebページを操作します。
- JavaScriptデバッガー – JavaScriptコードをステップ実行し、その状態を調べたり変更したりして、バグを追跡します。
- ネットワークモニター –ブラウザが行うすべてのネットワークリクエスト、各リクエストにかかる時間、および各リクエストの詳細を確認します。
- スタイルエディタ – Webページに関連付けられたCSSスタイルを表示および編集し、新しいスタイルを作成し、既存のCSSスタイルシートを任意のページに適用します。
- レスポンシブデザインビュー –ブラウザウィンドウのサイズを変更せずに、WebサイトまたはWebアプリがさまざまな画面サイズでどのように表示されるかを確認します。
Ubuntu16.04LTSにFirefoxDeveloperEditionをインストールする
手順1.まず、次のapt-getを実行して、すべてのシステムパッケージが最新であることを確認します。 ターミナルのコマンド。
sudo apt-get update sudo apt-get upgrade
ステップ2. FirefoxDeveloperEditionをインストールします。
まず、MozillaFirefox開発者版をダウンロードするためのリポジトリを追加します。次のコマンドに従ってください。
sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora sudo apt-get update sudo apt-get install firefox
インストールしたら、UbuntuDashからFirefoxDeveloperEditionを開きます。
おめでとうございます。FirefoxDeveloperEditionが正常にインストールされました。このチュートリアルを使用してUbuntu16.04 LTS（Xenial Xerus）システムにFirefox Developer Edition Webブラウザをインストールしていただきありがとうございます。追加のヘルプや役立つ情報については、 FirefoxDeveloperEditionの公式Webサイトを確認することをお勧めします。