Firefoxの再描画タイミングを表示する方法

    後藤大地  [2010/02/24]

    Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse.

    Software is hard - Watching MozAfterPaint in Firebugにおいて、開発中のFirebug 1.6a5に新しくMozAfterPaintイベントを通知する機能が追加されたと紹介されている。Index of /releases/firebug/1.6Xから「firebug-1.6X.0a5.xpi」をインストールするとこの機能を試すことができる。

    今回追加された機能はFirefoxで再描画が実施されたイベントを捕捉して表示するというもの。再描画が実施されると、Firebugネットパネルのタイムライン表示に緑の線が引かれる。この緑の線のタイミングで再描画が実施されているという。

    Firebug 1.6.X.0a5 ネットパネル使用例 / Firefox 3.6

    Firebug 1.6.X.0a5 ネットパネル使用例 / Firefox 3.6

    Firebug 1.6.X.0a5 ネットパネル使用例 / Firefox 3.6

    Firebug 1.6.X.0a5 ネットパネル使用例 / Firefox 3.6

    再描画イベントの表示はネットパネルのメニューから「Show Paint Events」にチェックを入れることで有効になる。リソースをダウンロードしつつ、実際にどのタイミングで再描画が実施されるのかをわかりやすく見ることができる。

    関連記事

    関連サイト

    関連したタグ

    新着記事

    特設サイトの情報

      求人情報

      人気記事

      一覧

      イチオシ記事

      新着記事

      特別企画

      転職ノウハウ

      あなたの仕事適性診断

      4つの診断で、自分の適性を見つめなおそう!

      Heroes File ~挑戦者たち~

      働くこと・挑戦し続けることへの思いを綴ったインタビュー

      はじめての転職診断

      あなたにピッタリのアドバイスを読むことができます。

      転職Q&A

      転職に必要な情報が収集できます

      スカウト転職する

      企業からアプローチのメッセージが届きます。

      マイナビニュースマガジン