祝: Atom の Web Components 導入、ついでに Atom Shell の話。 - steps to phantasien

2014/12/22 220 users Atom steps to phantasien DOM

GitHub 謹製 Atom エディタが Shadow DOM を使い始めたという。 めでたい。せっかくだから私も Atom を使ってみよう。 起動してテキスト書きもそこそこにインスペクタで DOM を眺める。 するとあら素敵。Shadow DOM のみならず Custom Elements もばりばり使われているじゃありませんか。 ためしにステータスバーをつついてみるとわかる。 Atom は U... 続きを読む

右クリックで画像保存ができない時のもっと楽な方法 | WWW WATCH

2013/04/18 57 users WWW WATCH 画像保存 右クリック 方法 Firefox

ライフハッカーさんで、Web ページ内の画像を右クリック保存できないときに、Google Chrome や Firefox のインスペクタから、該当のソースコードを見つけて云々みたいな方法が紹介されていたんですが、インスペクタ開くところまで行ったなら、もっと簡単に Web ページ内で読み込まれてる画像を見る方法があるので書いてみます。 右クリックで画像保存ができない時はこの方法を試すべし！ : ラ... 続きを読む

Google ChromeでJavaScriptのデバッグをする際にはぜひインストールを！「JS Runtime Inspector」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/02/28 246 users デバッグ エンジニア ソフトウェア インストール ITニュース

JS Runtime InspectorはGoogle ChromeのJavaScriptデバッグを強力にサポートしてくれるソフトウェアです。最近はJavaScriptを徹底的に活用したWebアプリケーションも増えてきました。そんな中デバッグは非常に困難になってきています。そこで使ってみたいのがJS Runtime Inspectorです。インスペクタにJS検索フィールドが追加されます。検索結果で... 続きを読む

Chromeのキャッシュをオフにする方法 :: 5509

2011/10/05 314 users Chrome キャッシュ Stable Disable 方法

全然気づかなかった・・・いつからだろう・・・ Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stableでもcacheの項目あるのは確認してます。 通常、キャッシュがあればそっちを見に行くので302になりますが 右下にギアアイコンがあって、そこからインスペクタのSettingが開けます Disable ... 続きを読む

JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]

2006/08/27 381 users Firebug Firefox DOM デバッグ コンソール

IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 FireBug と同じ console.log、console.debug などの関数が使えるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェクトを、DOM インスペクタを利用して解析することも可能... 続きを読む