このチュートリアルは、Mac OS XまたはWindowsオペレーティングシステムでFirefox Webブラウザを実行しているユーザーを対象としています。
Firefoxには、統合されたWebやエラーコンソール、コードインスペクタなど、開発者向けの便利なツールセットが含まれています。 また、ブラウザのWeb開発スイートには、Scratchpadがあります。これは、プログラマがJavaScriptを使って遊んで、Firefoxのウィンドウ内で右から実行できるツールです。 Scratchpadのシンプルなインターフェイスは、JavaScript開発者にとって非常に便利であることがわかります。 このステップバイステップのチュートリアルでは、ツールにアクセスする方法と、JSコードの作成と修正に使用する方法について説明します。
まず、Firefoxブラウザを開きます。 ブラウザウインドウの右上隅にある3つの水平線で表されるFirefoxメニューボタンをクリックします。 ドロップダウンメニューが表示されたら、 開発者オプションを選択します。 これで、サブメニューが表示されます。 このメニュー内にあるScratchpadをクリックします。 このメニュー項目の代わりに、次のキーボードショートカットを使用できます。SHIFT + F4
スクラッチパッドが別のウィンドウに表示されるようになりました。 メイン・セクションには簡単な説明が記載されています。 上記の例では、提供されたスペースに基本的なJavaScriptコードを入力しました。 JavaScriptコードを入力したら、次のオプションを含むExecuteメニューをクリックします。
- 実行：このオプションは、スクラッチパッドウィンドウ内で選択したコードを実行します。 このメニュー項目のキーボードショートカットは、WindowsではCTRL + R 、Mac OS XではCOMMAND + Rです 。
- Inspect：このオプションは選択されたコードを実行し、返された特定の値についてオブジェクトインスペクタのインスタンスを開きます。 これにより、特定のオブジェクトにドリルダウンすることができます。 このメニュー項目のキーボードショートカットは、WindowsではCtrl + I 、Mac OS XではCOMMAND + Iです 。
- 表示：このオプションは、選択されたコードを実行し、結果をエディタウィンドウ自体に直接表示します。 このメニュー項目のキーボードショートカットは、WindowsではCTRL + L 、Mac OS XではCOMMAND + Lです 。