Firebugを拡張するアドオンをまとめてみた
Firebugを拡張するアドオンを紹介 Firecookie クッキーの編集や削除をする クッキーの変更に反応してログを吐いてくれる Software is hard | Firecookie NetExport 通信タブの記録をHTTP Archive 1.1 (HAR)形式で保存 通信タブの表示を画像としてクリップボードにコピー Firebug Autocompleter FirebugのCommand EditorにJavaScriptのコード補完機能をつける。 (Firebugにもデフォルトで補完機能はあるが、一行Command Lineにしか反応しない) Firescroll for Firebug “Auto-Scroll” 自動でFirebugのログをスクロール “Log to top” Firebugのログで上が最新になるようにするTweak Widerbug Firebu
FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
jQueryを使った開発に便利！Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」:phpspot開発日誌
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。 これは欲しかった！という機能がついにリリースされました。 インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。 まず、インストールすると、次のように、FirebugにChangesタブが表示されます。 で、実際どうやって使えるか？見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。 す
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 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にHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
Firebugについてまとめ - monjudoh’s diary
随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた
ログをFirebugのコンソールへ出力してみる。 - gounx2の日記
これは何？ 次のようなスクリプトを書いたときに・・・ <?php include_once dirname(__FILE__) . '/__init__.php'; Rhaco::import('LoggerPublisherFirebug'); // 追加してるのはここと。 LoggerPublisherFirebug::initialize(true); // ここだけ。 class Test{ var $v_int = 99; var $v_string = "string"; var $v_array = array(1,2,3); var $v_hash = array("keyA"=>111,"keyB"=>"222"); } $o = new Test(); Logger::info($o); ?> firebugのコンソールタブに以下が出力されます。 文字列以外（オブジェク
【レビュー】これは凄い! Ajax最強のデバッグツール"FireBug 1.0"リリース (3) Hello Firebug! | エンタープライズ | マイコミジャーナル
Firebugは最初の状態では有効になっていないので、メニューから[View]→[Firebug]を選択して表示させるか、F12キーを押して表示される。別ウィンドウで表示させたければCtrl + F12を押せばいいし、ツールバー用のアイコンが用意されているのでこちらを追加して使ってもいい。最初に表示させるとFirebugを有効にするかどうか尋ねてくるので、「有効にする」を選択する。 図4 FirebugはメニューからView→Firebugを選択すると表示できる。かわりにF12でもいい 図5 Firebugが選択されると有効にするかどうかを尋ねられる 図6 Firebugが表示された場合の例 図7 Ctrl + F12でFirebugを表示させれば同じウィンドウではなく新しいウィンドウに別表示させることができる 図8 ツールバーアイテムにFirebugが追加されるので、ショートカットとして
7go.biz - このウェブサイトは販売用です！ - 翻訳 一括 エンジン 無料 マニュアル 姓名判断 ダイエット 診断 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
FirefoxをSEO好きやWeb制作者向けにカスタマイズする為のアドオン8選＋α | パシのSEOブログ
SEOやWeb制作を行う上で、サイトの分析やチェックが必要になる事も多いと思いますが、作業効率を上げる為にFirefoxをまっさらな状態から完全なSEO・Web制作仕様にカスタマイズする方法をご紹介します。カスタマイズと言ってもアドオンをインストールするだけですので、誰にでも簡単にできます。 SEO関連 SEO for FireFox ダウンロード Googleの検索結果にSEOに役立ちそうな情報を表示する事ができます。また、nofollowリンクを視覚的に分かりやすくする機能もついています。 利用する為には無料ユーザ登録が必要です。メールアドレスとユーザーネームを登録し、送られてきたメールに記載のパスワードでログインし、さきほどのダウンロード画面からインストールできます。 「ツール ⇒ SEO for Firefox ⇒ Option」で表示したくない項目は消すことが出来ます。Autom
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News