開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
20 Useful Firefox and Chrome Extensions for Firebug - Designmodo
20 Useful Firefox and Chrome Extensions for Firebug Resources • ToolsAndrian Valeanu • June 04, 2012 • 4 minutes READ Over the last two years, Firefox and Google Chrome have surpassed Microsoft Internet Explorer and have become the most popularly used internet browsers. While Firefox is robust, Chrome has new extensions that offer exciting options for several web designers and developers. With mor
Chrome拡張に買い物かごボタンを追加した
実装 ということで、実質コードを書く必要があるのは"item_id"だけ。ところが厄介なことに、"item_id"はなんとAPIに入っていないので、もっかいXMLHttpRequestを叩いて無理矢理取ってくることに。http通信２回分なんて待ってられないので、一回目のAPI通信で取得したデータはすぐ表示しつつ、続けてitem_idが取得出来次第ボタンを表示っていう仕様にしました。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
pageActionのサンプルプログラム
いろいろなプログラム言語で遊んでみて、便利だなと思ったことや苦悩や楽しみなどを徒然なるままに記述してみようかと思います。 アドレスバーの内部にアイコンを表示し、そこでクリックイベントなどを発生させる というのがpageActionという概念らしい。 http://code.google.com/chrome/extensions/pageAction.html これのサンプルも３つあった。 一つ目は、ページの内部の文字列に反応してアイコンを表示させるサンプル。 http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/api/pageAction/pageaction_by_content/ こちらは、sandwitchという文字列が本文にあった場合にアイコンが出現するサンプ
Google Chromeエクステンションのセキュリティ確保 - K2NR.ME
さて、ずいぶんと日が経ちましたがVichromeにセキュリティの脆弱性があるとのご報告を頂きました。 http://twitter.com/#!/teramako/status/127357023242289154 つまり、コンテンツに要素を追加すると、コンテンツ側のスクリプトがその要素に対してアクセスできてしまうわけです。 Chrome Extensionとセキュリティというのは、以前から議論されている話ではありますが、エクステンションの開発者を含めて一般的に浸透されているとは言い難い状況なので簡単にまとめておきます。 まずはChrome Extensionはどのような仕組みなのかから始めましょう。 Chrome Extensionってどうやってできてるの？ 一般的なChrome Extensionは主に3つのコンポーネントから構成されていて、それはContent ScriptとBack
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
IDEA * IDEA
とりあえず今すぐ使えるChromeエクステンション、11種類ご紹介