[B! chrome] BoBppのブックマーク

拡張要らずでお手軽にGoogle Chromeのユーザエージェントを変更する方法 - 適宜覚書-Fragments

ブラウザの判別や携帯の機種識別に利用するため、Webブラウザは個別のユーザエージェント文字列を持っています。例えば、Chrome11であるなら「Mozilla/5.0 (Windows NT 6.0; WOW64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.16 Safari/534.24」といった具合です。このユーザエージェント文字列を変更出来れば、例えばFirefoxやIEは勿論のこと、iPhoneやAndroidのふりをさせて、その環境での利用画面を使うことが出来ます。今回はこの変更を拡張機能を使うこと無く、Chromeの基本機能だけで簡単に行う方法を紹介します。

BoBpp 2012/02/28

Chrome最強と言わざる得なくなったなｗ

Chrome

リンク

MacのFirefoxのフォームで、TAB移動ができなくて困ってた - こんにちはこんにちはmonmonです！

Mac始めました: フォームの入力についてウインドウズの場合、Tabを押していくと、各項目に順番にチェックボックスに項目が移動し、チェックボックスやsubmitボタンにもフォーカスが当てられます。これがMacだと、テキストエリア以外にはTab移動でフォーカスが移らないんですよね。テキストエリア最後でTabを押すと、なぜかURL入力欄にフォーカスが移動してしまう。まさに同じ状態で困ってました。と言うか、そういうものなのかと思い、調べもせずでしたね。で、たまたま Blog not found を見る機会があり、 Safari の TAB キーも、フォームの要素を移動するためのものだそうです。が、次のように、"タブキーを押したときに WEB ページ上の各項目を強調表示" オプションを ON に変更すれば、その動きを変えることができます。というのを見て、Safariで試し「おぉ！」と

BoBpp 2011/04/26

リンク

Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog

Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。圧縮されたコードの整形まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。例えば、Google Analyticsのコードは圧縮されていて普通は読めません。しかし、Chromeのデベロッパーツールなら、このように整形してくれます。やり方は簡単で、デベロッパーツールのScript

BoBpp 2011/04/23

リンク

ついに出た！Chrome版「Page Speed」の使い方

2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。ぜひ、ご自身のサイトの改善に役立てていただければと思います。そもそも、なぜサイトの表示速度を速くする必要があるのか？例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。大手サイトや大規模なECサイトに限らず