Firebugのコマンドラインが見難いのでフォントを変えてみた - cloned.log
コンソールの文字サイズは変更できるみたいだけれど、コマンドラインの設定項目が見当たらなかったので、userChromeで変更してみた。 やり方は、 C:\Documents and Settings\[ユーザ名]\Application Data\Mozilla\Firefox\Profiles\[プロファイル名]\chrome\userChrome.cssに以下を追記した。 textbox#fbLargeCommandLine { font-size: 10pt !important; font-family: Consolas !important; color: #E6E6E6 !important; background-color: #000 !important; } フォントを変えたついでに、自分のPuTTYと同じような見栄えになるように調整。
Firebug コマンドラインのフォントを変更とDOM Inspectorの使い方
Firebugのコンソール部分のフォントが見づらいので、変更しようとFirebugのコマンドラインが見難いのでフォントを変えてみた – cloned.logを参考にやったが、 色だけしか変わらなかったので、少し調べてみた。 ChromeフォルダにあるuserChrome.cssに以下を記述することで変更できた。(Stylishでもいいと思う) #fbLargeCommandLine > .textbox-input-box { font-size: 11pt !important; font-family: Consolas !important; } CSSで指定するクラス名をDOM Inspectorで特定する流れ。 <p> 1. てきとーなページを開く <br /> 2. Firebugを開いて、ウインドウを分離する <br /> 3. DOM Inspectorを開く <br />
第2回 Firebugによるデバッグの基本、Console APIとその活用 | gihyo.jp
さて、前回はインストールからFirebugのタブの基本的な部分について紹介をしてきました。今回は、Firebugに実装されているConsole APIの紹介と、Console APIを利用したデバッグ手法について解説していきます。 Firebugで利用できるAPI Firebugには、デバッグに活用できる2つのAPIが実装されています。今回は、その2つあるAPIのうちConsole APIについて解説していきます。 Console API Console APIはFirebugのタブだけでなく、コンテンツ側のJavaScriptから呼び出すことのできるAPIです。デバッグのために便利な関数があらかじめたくさん用意されています。これらの関数を以下に列挙しますので、目を通してください。 console.log(object[, object, ...]) 渡された全てのオブジェクトをconso
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 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
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も評価されずに全体が真として
Firebugの「要素を調査」ボタンを出すと便利！ — ディノオープンラボラトリ
Firefoxのアドオンの中でもFirebugは便利ですよね。無いと死ぬって人も多いかと思います。ところで、このFirebugの機能の中でも「要素を調査」ボタンが便利すぎるのでご紹介します。 ここで言っている「要素を調査」ボタンというのは、下記のキャプチャ画像にある、ナビゲーションツールバーの眼鏡のアイコンのことです。 この眼鏡ボタンを押すとFirebugの「要素を調査」の機能が働きます。要するに、Firebugの「調査」ボタンと同じです。Firebugをインストールしたままの状態だと、ステータスバーのFirebugのアイコンを押してから「調査」を押して、と2回クリックするところが、1回クリックするだけで実行できるというのが違いです。こうして説明すると小さな差ですけど、このおかげで私の「調査」をする頻度が格段に上がった気がします。JavaScriptやCSSを触る人は「調査」する機会が多い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me