Chrome で今見ている Web サイトでどのような技術が使われているのかを調べる拡張機能 BuiltWith Technology Profiler
Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav
快適キーボードショートカットChrome拡張機能「Keyconfig」の設定方法 | nori510.com
chromeエクステンションにアテンションプリーズ。どーもノリ五藤( @nori510 )です。 トラックパッドを「BetterTouchTool」で拡張して、chrome拡張機能「Keyconfig」でキーボードショートカットを設定してのブラウジングに慣れてしまうと、二度とコレ無しの生活には戻れなくなってしまうこと請け合いの良エクステンションです。 という事で、超快適にキーボードショートカットでお助けしてくれる、素晴らしいChrome拡張機能「Keyconfig」のご紹介をさせて頂きます。 超絶快適キーボードショートカット！ Chromeエクステンション「Keyconfig」 chromeへのインストール まずは、chromeへのインストール。 オプションで設定 インストールが済んだら、あとは設定。簡単に設定方法をご説明します。 chromeの「拡張機能」から、「Keyconfing」の
Keyconfig – ショートカットキーでブックマークレットを呼びだしたりChromeを制御できる ”神” 拡張機能 – 和洋風KAI
さて、昨日突然始まったChrome拡張機能祭りも、この「Keyconfig」の紹介でおしまいです。どうも。するぷ（ @isloop ）です。 このChrome拡張機能を使うと「ショートカットキーでChromeを制御出来ます。」 ショートカットキーでウェブページを前後したり、はたまたショートカットキーでブックマークレットを呼び出したりと、キーボードに手を置いたままあらゆることをChromeにさせることができるのです。 もうこれが便利すぎて・・・。 このプラグインがある限りChromeを使い続けるでしょう。そして、これがなくったらChromeを使うのやめるでしょう。 それくらい便利な「Keyconfig」。さてご紹介といきましょう。 Keyconfigはここからダウンロード・インストールできます。無料です。 それでは早速つかってみましょう。メニューバーのウィンドウ内にあるChromeの拡張機能
検索するエンジンやサイトを自由に決定、追加可能なChromeエクステンション・Search Center
以前にも似たようなChromeエクステンション をご紹介しましたが、より使いやすい拡張 がありましたのでシェア。検索したいサイト や使いたい検索エンジンを自分好みに決め られ、追加できるエクステンションです。 基本的に検索可能なサイトならなんでも追加 出来ます。 以前ご紹介したUniversal Searchと機能はまったく同じですが、使い勝手は今日ご紹介するSearch Centerのほうが上でした。というわけで乗り換え。 Universal Searchよりもワンステップ少ないプロセスで検索出来る、という感じ。サジェスチョンも出てくれます。 ショートカットでらくらく検索 Ctrl+Qのショートカットキーも使えます。キーワードをドラッグしてショートカットキーを使えば上画像のように検索ボックスがドロップダウンします。 グループ化も出来る 検索対象のサイトをグループ化出来るので多くなってもゴ
FirefinderはJavaScriptプログラマ以外も使うべき - monjudoh’s diary
Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？ CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google 検索, i
FireQuery - jQueryを扱う際に便利なFirebug拡張 - - monjudoh’s diary
FireQuery is a Firebug extension for jQuery development jQueryを扱う際に便利なFirebug拡張 現在のバージョンは0.3 結構前に紹介されていたけど、ちゃんと使いこなせてきた感じなので紹介する。 以下、各機能について紹介と解説。 jQueryオブジェクトのconsoleへの表示 jQueryオブジェクトをFirebugのconsoleへの出力 1.2系の場合通常のオブジェクトとして表示されてしまいどの要素を抱えているかぱっと見て把握出来ない、 1.3系の場合は通常の配列と同じように表示される。 jquery12.fn.jquery;// 1.2.6 jquery12('div');// Object length=6 0=div#main 1=div#outer1.outer jquery13.fn.jquery;// 1.3
Firebugを活用しよう！jQueryの動作チェックに最適な『FireQuery』
皆さんご存知のFirefoxのアドオン「firebug」コーダーとかであれば、これを入れている人はかなり多くいると思います！ しかし、中には『linker』のまーしーさんや『スグラボ』のフジカワさんのように、”いまいちFirebugを使いこなせていない”なんて人もいるのではないでしょうか？ 今回はそんな方もふくめ「FireQuery」のご紹介を仕様と思います！個人的にかなり便利だと思います。 FireQueryとは？ FireQueryは、Firebugを便利にさせる機能強化アドオンで、Firebugのコンソールで楽々jQueryを使えるようにしたり、DOM画面イベントがどこについているのかとかを確認することができるようになるツールです。 ただのFirebugでもJavaScriptのデバッグや動作の確認をすることはできたのですが、FireQueryを入れることによって、jQueryを使っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copy Without Formatting - Google Chrome 拡張機能ギャラリー