firebugに関するWatsonのブックマーク (51)
-
Watson 2014/06/13
-
SPDYをサポートした「Firebug 1.11.0」リリース | OSDN Magazine
Firebug開発チームは12月7日、Web開発ツール「Firebug 1.11.0」を公開した。Firefox 17〜20に対応、Web高速化のためのプロトコルSPDYサポートやNavigation Timing APIサポートなどが特徴となる。 FirebugはFirefox上でCSSやHTMLの検証やJavaScriptのデバッグ、通信内容のモニタリング、要素の分析やパフォーマンス調査などを可能にするアドオン。Firebug 1.11.0は7月の1.10公開以来のアップデートとなる。合計127のバグを修正し、40もの機能強化が図られたという。 Firebug 1.11.0ではGoogleが開発するSPDYプロトコルのサポートが追加された。SPDYを使った通信については「Net」パネルの「Protocol」で確認できる。また、ページ読み込みパフォーマンス関連の機能ではwindow.pe
-
Firebug 1.10.0登場 - Firefox 13から16までをサポート
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. Firebugワーキンググループは13日(米国時間)、Firebugの最新版となる「Firebug 1.10.0」を公開した。Firebugは、Firefoxで動作するWebページ制作やWebアプリケーション開発向けに提供されているデバッグツール。Firefoxで利用可能な開発ツールはいくつか存在するが、代表的なツールのひとつとしてFirebugがよく挙げられる。 Firebug 1.10は、Firefox 13.0から16.0までがサポート対象となっており、Firefoxの下位バージョンでFirebugを利用する場合は、Firebug 1.9を使用する。Firebug 1.9はF
-
Firebugの最新版1.9.0が公開 - Firefox 6から11までサポート
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. irebugの最新版「Firebug 1.9.0」が公開された。Firebug :: Add-ons for Firefoxよりインストールが可能となっている。 Firebug 1.9.0は、Firefox 6から11 (オーロラ)までがサポート対象。Firefox 12ナイトリーに関しては近日中にリリースされるFirebug 1.10 alphaが対応する予定で、それまではFirebug 1.9b6を使うように説明されている。 Firebugは、Firefoxで動作するWebページ制作やWebアプリケーション開発のためのツール。Firefoxで利用可能な開発ツールとしては、デファ
-
凯时ag网|真人平台·AG(中国)官方网站
Copyright 2012 - 2019 凯时ag网 All Rights Reserved 电话 :189 7654 3210 邮箱: peiW19@hotmail.com
-
Firebug 1.8.0登場 - Firefox 5に対応、新機能も多数 | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. Firebugワーキンググループは7月29日(米国時間)、Firebugの最新版となる「Firebug 1.8.0」を公開した。Firefox 5に対応したバージョンとなる。ワーキンググループはすでにFirefox 6以降を対象としたFirebug 1.9.x系の開発に取り組んでいると説明がある。 Firebug 1.8.0は安定性と性能の向上に主眼をおいたリリースとされているが、いくつか機能の拡張も実施されている。ただし、大きな機能拡張というよりも、開発者が実際に必要とする細かい改善という側面が強い。 Firebug 1.8.0における主な機能拡張は次のとおり。 新しいconso
-
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 1.7.0登場 - Firefox 4完全対応 | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. FirebugワーキンググループはFirebugの最新版となるFirebug 1.7.0を公開した。FirebugはFirefoxで動作するエクステンション。HTML/CSSの解析やJavaScriptデバッグ、リソース読み込みの計測と分析などの機能を有し、WebページやWebサイトの開発に欠かせないツールの1つとなっている。 Firebug 1.7.0はFirefox 4に適応させることを目的として開発が進められたバージョン。Firebug 1.7.0の主な特徴は次のとおり。 ブレーク通知メッセージの再設計 DOMパネルおよびコンソールパネルにおけるローカル/セッション/グロバー
-
Firebug最新版1.6.0登場、Firefox4向けは1.7で対応 | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. 11月29日(米国時間)、Firefox向けの開発ツールFirebugの最新版となるFirebug 1.6.0が公開された。Firebug :: Add-ons for Firefoxからダウンロードできる。対象となるバージョンはFirefox 3.6系。さまざまな新機能が追加されているほか、安定性の向上やメモリリークの修正が実施されており、これまでリリースされたFirebugの中でもっとも優れたリリースだと謳われている。 FirebugはJavaScriptコンソール、JavaScriptデバッギング、HTML/CSSの編集とインスペクション、読み込みタイミングの分析などを実施す
-
第1回 詳説：デベロッパーツールの使い方 | gihyo.jp
こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な
-
-
Firebugをクリーンに改造する « BPS株式会社 開発ブログ Beyond Perspective Solutions LTD.
Category android (64) IDE (7) Eclipse (7) Linux (16) Mac (2) MindTouch Deki (5) SEO (1) Web (21) CSS (6) HTML (7) Windows (60) セキュリティ (5) ネットワーク (26) フレームワーク (52) CakePHP (24) dojo toolkit (5) Ethna (10) Ruby on Rails (11) Zend Framework (2) プレスリリース (8) プログラミング言語 (141) C# (21) C++ (3) java (30) javascript (19) PHP (54) Python (6) Ruby (15) プロダクト (27) MusicFly (23) カタぞう (5) 仮想化 (9) 投稿者 (393) 中井 (8
-
Firebugの意外と知られていない機能紹介（プログラマ向け） - KAYAC Engineers' Blog
羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
-
Firebugで始めるCSSデバッグ
Firebugで始めるCSSデバッグ FirebugはWeb制作をアシストしてくれるFirefoxの拡張機能(アドオン)です。CSSデバッグに関してはWeb Developerよりこちらを使っている人のほうが多いと思います。個人的にもFirebugなしでCSSは書きたくないと思うぐらい重宝しています。 インストール Firefoxで配布サイトにアクセスして「Firefoxへの追加」をクリックします。 インストール画面が表示されます。画面下部に『インストール(5)』といったグレーのボタンが表示されますが、すこし待つと『今すぐインストール』に変わります。変わりましたらボタンをクリックしてインストールを開始してください。 インストールが終了したらFirefoxの再起動が求められるので、Firefoxを再起動してください。 Firebugの使い方 Firebugをインストールするとブラウザの右下に
-
Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
-
Firebug Lite 1.3登場、IE6/IE7/IE8/Chrome/Safari/Opera向けFirebug | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. Pedro Simonetti Garcia氏は26日(米国時間)、Firebug Liteの最新版となるFirebug Lite 1.3.0を公開した。Firebug LiteはIE6、IE7、IE8、Chrome、Safari、Opera、Firefoxに対応した開発ツール。FirefoxエクステンションであるFirebugが提供している機能をほかのブラウザに提供することを目指して開発されている。いくつかの機能を除いてFirebugと良く似た機能を提供している。 Google Chromeエクステンション登場、Firebug Lite Firebug Lite 1.2登場、IE
-
CSSUtilities登場、Firebugよりも詳しいCSSインスペクタ | エンタープライズ | マイコミジャーナル
CSSUtilities is a JavaScript library that provides unique and indispensible methods for querying CSS style sheets! 4日(米国時間)、興味深いJavaScriptライブラリCSSUtilitiesが公開された。CSSUtilitiesはCSSに対してクエリを発行するタイプのJavaScriptライブラリ。ダイナミックにCSSを変更する場合に使えるのみならず、WebサイトやWebページの制作段階においてFirebugよりも詳細なCSSデータを取得して分析する場合などに利用できる。CSSUtilitiesの興味深い機能は次のとおり。 CSSUtilitiesの主な機能 CSS1、CSS2.1、CSS3、HTML、XHTML、XMLをサポート Firefox、Opera、Webkit
-
内部要因をチェックするFirefoxアドオン ～ SenSEO
僕はサイト診断するとき、HTMLのソースを見ることから始めるパターンが多いです。 titleタグにキーワードが入っているか、meta descriptionタグはキャッチーであるか、meta keywordsタグはキーワードスタッフィングになっていないか、hタグには何が書かれているか、alt属性は適切に記述されいるかなどの内部要因を調べることが目的です。 ブラウザに付属のHTMLビューツールでソースを見るのですが（FirefoxやChromeは「CTRL」＋「U」のショートカットキーで簡単に出せます）、HTMLはプレーンなテキストだけで記述されるのでどこに何があるのか決して見やすいとは言えません。 こんな不便さを解消するツールを見つけたので紹介します。 SenSEOというFirefoxのアドオンです。 実行するとウィンドウの下部に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も評価されずに全体が真として
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
