通常ブラウザにはF12押下でブラウザ標準の開発ツールが使用可能となりますが、今回紹介する「Firebug」は高性能なJavaScriptデバッガツールです。JavaScriptだけではなくHTMLやスタイルシートの値をリアルタイムに変更して確認したり、非同期通信状況やDOMの状態などの詳細情報確認も簡単に可能となります。
Firebugの特徴
- Firefox専用のアドオン
- JavaScriptのデバッグ
- 非同期通信の状況確認
- DOMやスタイルシートの設定状況確認
通常ブラウザにはF12押下でブラウザ標準の開発ツールが使用可能となりますが、今回紹介する「Firebug」は高性能なJavaScriptデバッガツールです。JavaScriptだけではなくHTMLやスタイルシートの値をリアルタイムに変更して確認したり、非同期通信状況やDOMの状態などの詳細情報確認も簡単に可能となります。
FireFoxで複数バージョンで動作確認したい場合のインストール方法を説明します。
下記手順でFireFoxのインストーラをダウンロードして下さい。
ダウンロードしたインストーラ(別Ver)を起動してインストールを実行します。インストールは必ず下記手順で行い、インストール直後にFireFoxは起動しないように注意して下さい。
イントール直後の状態でFireFoxを起動してしまうと、既にインストールされているFireFoxのプロファイルを使用してしまうので、追加インストールしたFireFox用のプロファイルを作成します。
後は作成したショートカットをダブルクリックしてFireFoxを起動すれば、既存インストール済のFireFoxとは別のプロファイルを使用したFireFoxが起動されます。は上記手順を繰り返せば別バージョンのFireFoxを更に増やすことも可能となります。
HTMLのリンクからネットワーク上の共有PC(CIFS)へアクセスしたいという要望があった場合の対処方法を記載します。
UNCパスでは「\\common\dir\test.xls」というエクスプローラでよく見かける記述となりますが、file URIのパスでは「file://///common/dir/test.xls」という記述形式となります。このfile URI形式でHTMLではリンクを設定します。
メジャーなブラウザ(IE以外)の多くはセキュリティ的観点から、file URIのリンクをクリックしてもリンク先を表示出来ない設定となっています。これを解除するためにはブラウザ毎に対応する必要があります。
IEの場合、セキュリティ対策が甘いのか何も設定する必要はありません。
FireFoxの場合は設定が少し面倒で、プロファイルへ許可するアドレスを追加する必要があります。その設定ファイルをJavaScriptで以下の様に記述します。
1 2 3 |
user_pref("capability.policy.policynames", "localfilelinks"); user_pref("capability.policy.localfilelinks.checkloaduri.enabled", "allAccess"); user_pref("capability.policy.localfilelinks.sites", "http://common.dir.co.jp"); |
※”http://common.dir.co.jp”の箇所 をリンクを許可したいサーバのアドレスへ変更して下さい。複数ある場合はスペースで区切って記述します。
配置先「%AppData%\Mozilla\Firefox\Profiles\(英数字のランダム文字列).default」
※既に「user.js」ファイルが存在している場合は記述を追加して下さい。
FireFoxを再起動すると「user.js」ファイルへ記述した内容が「prefs.js」(Windowsで言うレジストリのようなもの)へ追加されます。