monitorEvents！なにこれ！！スゴイ！！！
Chrome Developer Toolsには、monitorEventsというメソッドがあるんですね。デベロッパーツールを開いて、 monitorEvents(window, "click") のように打ち込むと、画面でどこをクリックしたのか等がコンソールに出力されます。面白い！！ モニターできるイベントは、mouse・key・touch・controlがあるようです。今すぐなにかというわけではないですが、覚えておくと役に立つ時が来るかも！？ ちなみに、2011年のブログで言及されていたりするのでかなり昔からあったんですね…… Command Line API Reference - Google ChromeChrome Developer Tools – monitorEvents - Brian Grinstead
PhotoShopぽくガイドが引けるChrome拡張を公開した
PixelGuide これなに PhotoShopでガイドを引くのと同じ感じでブラウザでガイドを引くChrome拡張です。 ほとんどの機能はRulersGuides.jsというライブラリを使って実現しています。 使い方 ここからPixelGuideをChromeにインストールします。 アイコンをクリックするとパネルとルーラーが表示されます。 ルーラーの上にカーソルを乗っけて、そこからクリックしてドラッグするとガイドが引けます。 簡単。 パネル アイコンをクリックすると開くパネル。 機能を上から。 各種要素の表示/非表示切り替え All: 全ての表示/非表示の切り替え (ガイドが表示されているときは下の要素に触れないので触りたいときは非表示にします) Guide: ガイドの表示/非表示の切り替え Ruler: ルーラーの表示/非表示の切り替え Info: 各グリッドの大きさなどの情報の表示/
『Chrome Developer Tools』の裏ワザまとめ | IDEA*IDEA
ドットインストール代表のライフハックブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
PLUS1WORLD | ゲームとネットが好きな今井阿見の個人ブログ
