羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転をみて、ちょっとソース読んでみたらホントにそんな実装になっていた。んじゃ、止めちゃいますかってことで、サジェスト自体はそのまま機能させつつ、IMEでの確定前の入力には反応しないという実装に無理やり変えるスクリプトを書きました。一応動作を確認したのはFirefox3.5(Greasemokey 0.8)、Opera10、Google Chrome Dev(4.0.213.1)です。GreaseKitは実行タイミングの問題で怪しいかも。 404 Not Found – Userscripts.org ちなみに、なんでGoogleはポーリングをしているかっていうと、IMEが確定する前の入力途中のキーワードを捕まえるためのようです。そこまでする必要ないよって人も多そうですよね。そういう人向けのスクリ
FireQuery is a Firebug extension for jQuery development jQueryを扱う際に便利なFirebug拡張 現在のバージョンは0.3 結構前に紹介されていたけど、ちゃんと使いこなせてきた感じなので紹介する。 以下、各機能について紹介と解説。 jQueryオブジェクトのconsoleへの表示 jQueryオブジェクトをFirebugのconsoleへの出力 1.2系の場合通常のオブジェクトとして表示されてしまいどの要素を抱えているかぱっと見て把握出来ない、 1.3系の場合は通常の配列と同じように表示される。 jquery12.fn.jquery;// 1.2.6 jquery12('div');// Object length=6 0=div#main 1=div#outer1.outer jquery13.fn.jquery;// 1.3
Firebugについてまとめ - 文殊堂のフォロー記事 件の記事でRainbowというscriptタブのJavaScriptとHTMLシンタックスハイライトしてくれるFirebug拡張を紹介していましたが、Firebug1.3に更新した段階で使えなくなりそのまま忘れてましたが、 Firebug1.3向けにupdateするのではなくFireRainbowという別のadd-onが出ていたようです。 Firefox3.5用のFirebug1.4にもばっちり対応しています。 ただ、ある程度以上のボリュームのJavaScriptのコードを読むならJS Viewを使って、 シンタックスハイライトがきく好きな外部エディタで呼んだほうが良いでしょう。
Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？ CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google 検索, i
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
サイト構築の際、欠かせないツールのひとつといえば Firebug。JavaScript を使ったウェブアプリケーションのデバッグだけでなく、サイトデザインをしている方にとっても便利なツール。テストの際、レイアウトが崩れていたとしても Firebug で調べればだいたいのことは解決します。この Firebug のコンパニオンツールが Firescope です。 Firescope は、Firebug 内で CSS/HTML のタグの意味や使い方をチェック出来るツール。インストール後、Firebug のパネルに新たに「Reference」というタブが追加されます。HTMLビューや「調査」の際に選択したタグと下階層にあるタグの意味が Reference に表示されます。最新のブラウザだけですが、その場でサポート状況も見れるのは便利です。もっと詳しく知りたい方は提供元の Sitepoint のペー
In my work with the Firebug team over the past couple months I’ve been working with Jan Odvarko on a way to provide some form of unit testing that we can build off of. The result of my work is a new Firefox/Firebug extension called FireUnit. FireUnit provides a simple JavaScript API for doing simple test logging and viewing within a new tab of Firebug. For example, here’s some of the API that you
blog post | FAQ Hammerhead adds a tab to Firebug for measuring the load time of web pages. To install: install Firebug install Hammerhead In Firefox 3, if you get this error: "Hammerhead" will not be installed because it does not provide secure updates. follow these steps: enter "about:config" into address bar right click somewhere in the list of keys below; select New->Boolean enter "extensions.c
とある外部の javascript を呼び出す際にカスタマイズしたパラメータを渡すことができるのだけど、ページ表示後に Firebug コンソールから設定済みの変数の値をみると null になっていて、 javascript のソースには書いてあるのになんで中身が消えてるの？？と不思議に思ったので、デバッガを使って調べた。 Firebug を開き、スクリプトタブを選び、タブの上の段の XXXX.js みたいなのをクリックするとずらっとそのページで呼び出してるスクリプトファイル一覧が出てくるのでデバッグしたいスクリプトを選ぶ。 スクリプトのソースコードビューが出てくるので、「この関数のこの行の時点で、この変数の値がどうなってるかみたいんだよなぁ」という行の番号の左をクリックすると赤い丸印がつく。これがブレークポイント。ブラウザをリロードすると、ブレークポイントの行にさしかかったタイミングでス
米Yahoo!のクライアント側パフォーマンスチューニングで名を上げ、Googleに移籍した、「ハイパフォーマンスWebサイト」の著者スティーブ・サウダーズさんが、新しいプラグインHammerheadを出しました。 Hammerheadは、FirefoxのFireBug拡張の上で動く子拡張。Firebugを入れた上でインストールする必要があります。 Firefox3のアドオンマネージャのセキュリティチェックに引っかかるので、パラメータをいじらないとインストールできません。about:configから手順に沿ってパラメータを一つ追加する必要があります。 ブラウザ側のパフォーマンス測定をするときは、キャッシュの影響を排除しないと正確な測定ができません。このプラグインではまず、ディスクやメモリ上のキャッシュをステータスバーからクリアするための簡易な手順が提供されます。 これは、3つのURLについて
2006/11/27 Firebug公式サイトが移転しました。 http://www.getfirebug.com/ 詳しい使い方は、http://www.getfirebug.com/docs.html等をどうぞ。 2006/11/07 未だにアクセスが多いので、補足します。ここにある情報は既に大幅に古くなっています。以前程、パフォーマンスの低下もありませんし、ログの吐き方も変わりました。 例えば、console.debug("message",obj)のような形でログをとったり、assertしたりするようになっています。詳しくは、http://www.joehewitt.com/software/firebug/docs.php辺りを参照してください。 https://addons.mozilla.org/extensions/moreinfo.php?id=1843&applicat
最近は、Webサイトのデザインや構築が迷路のように複雑な作業になることがある。そうした作業を単純化してくれるツールの1つが、有名な Firebug 拡張機能である。Firebugを使うと、HTML、CSS、JavaScriptをFirefoxの中で編集し、デバッグすることができる。Firebugはそのままでも十分役に立つが、追加の拡張機能を使うと元の機能が一段と強化され、開発者やデザイナの作業が一層やりやすくなる。 YSlow Firebugにはネットワークの処理状況を監視する機能があるが、YSlowを追加すると、その機能をさらに強化し、Yahoo’s best practicesの評価基準に照らして自分のWebサイトをチェックすることができる。パフォーマンスをチェックすることに加え、YSlowでは、Expiresヘッダ、ETag、HTTP要求の合計数など、最適化に役立つ項目を調査するため
Title : Firebugのコンソールでjavascript 1.8を使う Posted on : 2008-09-15 Author : NKJG Category : Webメモ Permalink : Firebugのコンソールでjavascript 1.8を使う Hatena Star : 本文 メモ。nヶ月ぶりの記事だけど。 せっかくFx3からjavascript1.8が使えるようになったのに、Firebug(このメモを書いている現在、最新版は1.2.1)のコンソールでは有効でないので、使えるようにする。 "(プロファイルのディレクトリ)\extensions\firebug@software.joehewitt.com\content\firebug\libs.js"の260行目付近、addScriptという名前のメソッド内以下のコードを置き換える。
Firebug1.2登場 - Firefox3正式サポート、パフォーマンス向上など 8月25日(米国時間)、Firebugの最新版である「Firebug 1.2」がリリースされた。 FirebugはFirefoxアドオンのひとつで、Firefox内で閲覧しているHTML、CSS、JavaScriptの内容を分析し、編集やデバッグ、各種モニタリングを実施できる。導入が容易なうえ、強力なデバッグがおこなえることからFirebugを愛用しているWebデベロッパも多いことだろう。 今回のリリースでの変更点はおもに次のとおり。 Firefox 3の正式サポート デフォルトでFirebugのデバッグ機能が無効に。Console/Script/Netのデバッグをおこなう場合は、どの機能を有効にするか選択する サスペンド/レジューム機能 HTML/CSSにおいて外部エディタを指定することができるように e
前回に引き続き、自分がよくあるブラウザ上での単純作業をFirebugコンソールで片付けている方法の紹介です。前回はブラウザに表示されているデータをこっち側に持ってくる作業をどうやっやるかでした。今回はブラウザの向こう側のデータをFirebugで操作するにはどうするかです。 ボタンをクリックさせる ウェブのサービスを使っていて、今までに投稿したものを全部消したくなったり(でもアカウントは消したくないとか)することがあります。管理画面で投稿を消すことはできるけど、いちいちクリックしていかないといけなくて面倒.... という時にはFirebugでフェイクのクリックイベントを作って送れば、自動でクリックさせることができます。 Twitterのfavoritesを全部外したい、というのを例としてあげます。TwitterのfavoritesはAPIがあるのでAPIを使う手もありますが、サービスによって
Firebug - web development evolved 25日(米国時間)、Firebugの最新版となるFirebug 1.2が公開された。Firebug :: Firefox Add-onsにおいてダウンロードできる。FirebugはFirefoxエクステンションとして開発されたWebサイト/アプリケーション開発支援ツール。Webデザインの調整からJavaScript開発やロード時間分析まで幅広く活用できる有益なツールだ。 Firebugは有益なWebサイト/アプリケーション開発ツールとして高い人気を誇っているが、1.2の開発は長い間ベータ扱いのままで正式版としてはリリースされてこなかった。今回正式版として公開されたことで、1.2以前のバージョンを使ってきた開発者やデザイナには1.2へのアップグレードが推奨されることになる。 Firebug 1.2 - 動作対象はFirefo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
