FirebugはFirefox 49本体に統合 現行の2.0.x系列はマルチプロセス機能（e10s）に対応せず - Mozilla Flux
Firebugは2006年から開発が続けられているWeb開発者向けツールで、「あなたはあらゆるWebページのCSS、HTML、及びJavaScriptをリアルタイムに編集、デバッグ、またはモニタすることが出来ます。」というのがうたい文句だ。Firefoxの拡張機能の中で最も有名なものの1つであり、現在でも200万人を超すユーザーがいる。開発チームのリーダーであるJan Odvarko氏はMozilla Corporationに在籍しているし、かつてはFirebugの動作に支障が出ることが、Firefox正式版のリリースを止めるバグ（Blockerバグ）にカウントされていたこともある。別格のアドオンといえるだろう。 そのFirebugが、Firefox 49で本体に統合される。公式ブログの記事"Unifying Firebug & Firefox DevTools"で説明されているとおり、F
FirebugとDevToolsの統合
原文: Firebug & DevTools Integration on Oct 28, 2015 by Jan Honza Odvarko 私たちが Firefox Developer tools (DevTools)と Firebug の統合に力を注いでいることはご存知でしょうか。すべての Firebug の機能をネイティブの DevTools に移植する作業に取り組んでいます。それによって、マルチプロセスにおける互換性の向上や、リモートデバッグが可能になります（例: Electrolysis 互換）。できる限りスムーズに Firebug から DevTools への移行パスについても準備中です。このように、私たちは現在唯一の素晴らしいツールを開発することにフォーカスしています。どのようなものか見ていきましょう。次世代のFireBugの主な目標は、ネイティブの DevTools を使
Firebug 2.0
最新の Firebug 2 が公開されました。このバージョンで、どのような新機能が導入されたのか見ていきましょう。 Firebug 2.0 は Firefox 30 – 32 に対応しています。 Firebug 2.0 beta 8 も、AMO のベータチャンネルを利用しているユーザーのためのアップデートとして公開されました。このバージョンは 2.0 と全く同じ内容のものです。 Firebug は世界中の開発者がメンテナンスしているオープンソースプロジェクトです。以下は、Firebug 2 の開発に貢献した全メンバーの一覧です。 Jan ‘Honza’ Odvarko Sebastian Zartner Simon Lindholm Florent Fayolle Farshid Beheshti Steven Roussey Markus Staab Sören Hentzschel B
Firebug 1.9 New Features – Mozilla Hacks - the Web developer blog
Firebug 1.9 has been released and as usual I would like to get this opportunity to present some new features introduced in this version. First of all, check out the following compatibility table: Firefox 4.0 with Firebug 1.7.3 Firefox 5.0 – 11.0 with Firebug 1.9 Firefox 12.0 (nightly) with Firebug 1.10 Firebug 1.10 alpha 1 will be available next week, you can use Firebug 1.9b6 for Firefox nightlie
マネーニュース2ch
まず、iPhoneのSafariでどこでも良いのでページを開いてブックマークしましょう。 そして「How to use Firebug on your iPad and iPhone」に書かれているJavaScriptをコピーします。 javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})
Firebug、主要開発者が撤退 - Chrome開発チームへ参加 | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. ブラウザにおける代表的な開発およびデバッギングツールであるFirebugの主要開発者が、Firebugの開発から離れ、代わりにChromeチームで開発ツールの開発に従事することを発表した。Firebugの開発を継続したかったが、IBMから追加のサポートを得ることができなかったとしており、苦渋の決断であったことを説明している。 また、すでに主要ブラウザはそのブラウザ独自の開発ツールをもっていること、Firebugをベースとして次世代の開発ツールを開発することは現実的ではないこと、ブラウザの開発スピードについていくことは現在のFirebugの開発チームの規模では困難であること、ほかのツ
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し続ける必要があった) コマンドライン
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
Page Speed
ライセンス： フリーウェア おすすめ度： おすすめ度 ( 3.50点 ) 著作権者： Google 動作環境： 2000/XP/Vista/7 速くなければならないのですよ。もっと速く、もっと素早く、More speed.スピードはジャスティスです。速いからこそ評価されるんです。クリストファー・コロンブスだって1492年という早いタイミングで西インド諸島に到達したからこそ評価されているんです。私が、今アメリカに飛行機で行ったとしても誰も評価なんてしてはくれませんよ。せいぜいお土産を要求されるのが関の山です。アメリカ発見と同じ轍は踏むわけにはいかない。林檎の木ももっともっと速くサイトが表示されるようにならなければ。林檎の木高速化計画、題して「プロジェクト素早い動きの林檎の木がみたい」始まりました。 Googleでもサイト順位の決定指標の一つにサイトの表示速度を導入したと聞きます。SEO的に
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
Gogle Chromeエクステンション登場、Firebug Lite | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. Firebug Lite 1.3.0がベータ版になった。Firebug LiteはIE6、IE7、IE8、Chrome、Safari、Opera、Firefoxに対応した開発ツール。FirefoxエクステンションであるFirebugが提供している機能をほかのブラウザに提供することを目指して開発されているツールで、ネットパネルやJavaScriptデバッグなどいくつかの機能を除いてFirebugと良く似た機能を提供している。 Firebug Lite for Chrome Firebug Lite for Chromeエクステンションインストール Chrome 5.0.307.1 d
Firebug 1.5.0、登場 | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. 20日(米国時間)、Firebugの最新版となるFirebug 1.5.0が公開された。 FirebugはJavaScriptデバッグやHTML/CSSの編集、インスペクション、読み込みタイミングの分析などを実施するためのFirefoxエクステンション。サポートするバージョンはFirefox 3.5以降。WebデベロッパやWebデザイナに人気の高いエクステンションで、Firefox人気を支えている機能のひとつとなっている。 Firebug 1.5.0の新機能は次のとおり。そのほかの新機能のオーバービューはリリースノートに掲載されている。 Firebug 1.5.0新機能 機能拡張さ
FirebugでJSON形式を見易くフォーマットするuserChrome.js
FirebugでDOMをtoSource()したときに生成されるJSON形式のようなものがかなり見えづらいので、それを読みやすくコンソールに表示するuserChrome.jsを作成した。 あくまで、見易く表示させることを目的としてたので、整形したものを使うという用途には向いてないかもしれません。 こっからダウンロード Firebug JSON formatting.uc.js 例えばニコニコ動画のマイリストでmy.currentItemes[0].toSource() をやると下のようなものが表示されます。 整形されていないしUTF-8などが混ざっていて読みづらいです。 ({item_type:0, item_id:"1237006406", description:"", item_data:{video_id:"sm6429247", title:"u3010u521Du97F3u30
Webのバグを燃やしまくるFirebugと、そのアドオン7選
■HTMLのデバッグ ［HTML］タブのデバッグ画面では、HTMLのデバッグを行うことができます。HTMLデザイナやJSPエディタによるデバッグと異なり、JavaScriptにより動的に書き換えられたHTMLタグ（要素）のデバッグもできます。選択したHTMLタグのスタイルシートの確認、レイアウトの確認、DOMの確認ができます。 左のツリーからタグを選択、もしくは、Webブラウザ上の調査したい文字を選択し、右クリックから［要素を調査］を選択すると、選択したタグのスタイルシートが右のペインに表示されます。 タグに複数のスタイルシートが適用され、スタイルシートが上書きされている場合は、上書きされたスタイルシートに斜線が引かれます。スタイルを設定しているのに、表示に反映されない場合、スタイルシートの上書きが考えられますが、Firebugを利用すれば、上書きされたスタイルシートを簡単に見つけることが
jQueryを使った開発に便利！Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
FirebugにHTML/CSSリファレンスをアドオン、次からは"CodeBurner" | エンタープライズ | マイコミジャーナル
CodeBurner for Firebug James Edwards氏は20日(米国時間)、FireScopeの最新版となるCodeBurner 1.1を公開した。CodeBurner (旧名 FireScope)はFirebugで動作するエクステンション。FirebugにSitePointが提供しているリファレンス機能(HTML要素リファレンス、HTML属性リファレンス、CSSプロパティリファレンス、サンプルコード、Webブラウザ対応情報など)を付加するといったもので、WebデザイナにもWebデベロッパにも有益なツールとして注目されている。 名称を変更したのは同分野ですでにFireScopeという名称が使われているからで、混乱を避けるためだと説明されている。名称変更が主な目的だが、同時に次の変更も実施されているという。 Firebug 1.4サポートの追加 ライブデモや詳細情報へ簡単
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 チュートリアル読
肉少なめ | Item - Firebugのコンソールでjavascript 1.8を使う
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という名前のメソッド内以下のコードを置き換える。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
FirebugにHTML&CSSリファレンスを追加できるアドオン「FireScope」*二十歳街道まっしぐら（FC2ブログ時代）