Handcrafted Our blog about HTML prototyping, craftsmanship, and designing in the browser. Firebug offers a great way of doing on-the-fly CSS modifications right there where it matters: in the browser. It allows you to actually “design in the browser” which is part of the Quplo philosophy. The only problem is that CSS changes done in Firebug aren’t persistent, so you have to redo them in your editi
Luckily, we also have better tools. The JavaScript console is a standard feature of most major browsers. Both JavaScript and the HTML DOM offer native error handling. We also have services and applications that help us remotely debug our sites. In this article I’ll cover error thowing and handling, code injection, and mobile debugging. For more on debugging, see Hallvord R.M. Steen and Chris Mills
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のCSSパネルにカラーパレットを追加できる「FirePalette」 次のように、CSSペインにカラーパレットを追加し、選択で色を選ぶこともできるようです。 ちょっと色を変えたいときなどに便利かもしれませんね。 FirePalette :: Add-ons for Firefox 関連エントリ ページの読込み時間をチェックできるFirebugアドオン「Hammerhead」 Firebug内でHTML/CSSについて調べられるアドオン「FireScope」 FirebugでXpathやCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」 FireBugで使える役立つ関数テクニック色々 FireBugのJavaScriptをハイライト表示する拡張「Rainbow」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く