IE、Opera、Safariでも使える「FireBugLite」

9月 3, 2009 · Posted in FireFox, linux · Comment 
Post to Google Buzz
このエントリーをはてなブックマークに追加

JavaScriptのデバッグツールとして、FireBugを使っている人は多いかと思います。
しかし、FireFox以外のブラウザでは有力なデバッグツールがなく困っている人も多いと思いますが、実はFireBugはFireFox以外のブラウザでも使用することができるんです。

「FireBugLite」
http://getfirebug.com/lite.html

機能としては最新のFireBugからは劣りますが、JavaScriptやCSSのデバッグをする上では十分すぎる機能を備えていると思います。

使い方は簡単。
大きく分けて2通りのやり方があります。

  • ブックマークレット
  • 下記のアンカーのリンク先をブックマークレットとして、ブックマーク登録します。
    あとは使いたいページで、このブックマークレットを呼び出すだけ。

    FireBugLiteを起動←右クリックして「リンクのURLをコピー」を選択すると楽です。

  • 外部読み込み
  • 下記のスクリプトをデバッグしたいHTMLのヘッダーに記述します。
    あとは使いたいページを開くと自動的にFireBugが起動します。
    F12を押すことで、コンソールの表示・非表示も切り替えられるようになります。
    <script type="text/javascript"
    src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script>

Firebugのコンソール出力機能(console.log 等)を使用する方は、外部読み込み型にしないとconsoleオブジェクトが参照できませんのでご注意を。

どちらも簡単に導入できるので、用途によって使い分けるのが良いと思います。

SSL環境でFlashからのファイルアップがうまくいかない問題(FF)

8月 18, 2009 · Posted in ActionScript, FireFox, Flex, PHP · Comment 
Post to Google Buzz
このエントリーをはてなブックマークに追加

SSL環境でFlashからファイルアップすると、FireFoxでうまくアップロードできずエラーとなってしまいます。

FileReference.upload が悪いのか、FireFoxが悪いのか原因はわかりませんが、FileReference.upload()の接続先をhttpsのアドレスにするとうまくいかないようです。

色々と調査したところ、対策としては以下の方法が見つかりました。

  • 接続先アドレスにポート番号をつける
  • 修正は簡単。接続先にポート番号を付加するだけで解決できます。
     「https://www.xxxxx.com:443/upload.php」

  • プログラムを非SSL環境へ移動する
  • プログラムを非SSL環境に設置できるのであれば、それだけでこの問題は解決できます。
    Flash(SSL)→プログラム(非SSL)の通信になりますが、動作上問題はありません。

1つ目の方法が楽で影響もすくないので、おススメなのですが、どうやら、AS2ではこの対策は有効ですが、AS3だとこの方法では解決できないみたいです。。。

今回はAS3で組んでいたので、プログラムを非SSL環境に移してもらうことに。

参考記事:
http://graphicker.jp/flextime/flash/archives/2008/05/as-upload.html
http://ameblo.jp/linking/entry-10094942703.html
http://blog.air-life.net/2008/06/firefoxfilereferenceuploadga.html

知っていると意外と便利なFireFoxの10個のショートカット

3月 25, 2009 · Posted in FireFox · Comment 
Post to Google Buzz
このエントリーをはてなブックマークに追加

こういう仕事をしていると、マウスをいじっている時間よりもキーボードを触っている時間が多くなってきます。気づくとブラウジングをする時もだんだんキーボードショートカットを多用するようになってました。

ということで、今回は知っていると意外と便利なFireFoxのショートカットをご紹介します。

  1. Ctrl + T
  2. 新しいタブを開きます。
    これはきっと使っている方も多いと思います。
    Read more

サイト上のリンク先をチェック「LinkChecker」

3月 23, 2009 · Posted in FireFox, アドオン · Comment 
Post to Google Buzz
このエントリーをはてなブックマークに追加

Webサイトを構築・運営をする人には必須なアドオン。
この「LinkChecker」を使うことで、リンク切れなどのミスをなくすことができます!
http://www.forest.impress.co.jp/article/2008/07/08/linkchecker.html
Read more

Webページをその場で編集できる「PageHacker」

3月 13, 2009 · Posted in FireFox, アドオン · Comment 
Post to Google Buzz
このエントリーをはてなブックマークに追加

以前画面キャプチャアドオン「Screengrab!」をご紹介しましたが、
それとあわせて使うことで、とても便利なアドオンをご紹介します。

Webページのキャプチャに、人には見せたくない情報(ログインIDや個人情報)が入っている場合に、画像編集ソフトでぼかしをかけたり、マスキングしたりし、見えなくすることがあるかと思います。

そんな手間を減らしてくれるのがこのアドオン「PageHacker」。
なにやらこわ~い頭蓋骨アイコンですが、このアドオンはブラウザから直接Webページを編集することができます。

https://addons.mozilla.jp/firefox/details/5753
1191426443

Read more

次ページへ »