2012年6月 5日 10:44 更新

Google Chromeのユーザーエージェントを変える事が出来る拡張機能「User-Agent Switcher」

3114747181 74e8ac318f

Photo by: GoDakshin

ブロガーやサイト運営者なら、もうiPhone版レイアウトの作成は無視できない案件。


和洋風◎では、去年あたりからモバイル版のアクセスがグイグイ伸びていて、今ではサイト全体の1/3またはそれ以上になってきております。


そんなわけで最近PC版よりモバイル版に力をいれているわけなのですが、iPhone版のレイアウトというのは、ユーザーエージェントがiPhoneになってないと確認できないんですねー。


さすがに毎回、実際のレイアウトをわざわざiPhoneでチェックするというのはとても不便でございます。


というわけで、今日はそんなときに役立つChrome拡張機能「User-Agent Switcher」をご紹介!

Chrome拡張機能「User-Agent Switcher」を使ってみよう!

Thumbnail Chrome ウェブストア - User-Agent Switcher
https://chrome.google.com/webstore/

User-Agent Switcherはここからダウンロードできます。


Skitched 20120605 101210
インストールすると、なんか怖い鉄仮面みたいなアイコンが出現します。これが「User-Agent Switcher」です。


クリックすると、このようにユーザーエージェントの一覧がでてきます。


Skitched 20120605 101609
各ブラウザ名をクリックすることで、iPhoneはもちろんのこと、Macを使いながらInternetExplorerになりきることも出来ますし、WindowsをつかいながらMac版のSafariになりきることも可能です。


Skitched 20120605 101802
ちなみに下のOr:のところで、文字列を入力すればオリジナルのユーザーエージェントにすることも可能です。(英数字のみOK)

Skitched 20120605 110038
では、今回はiPhoneになってみようと思います。iPhoneをクリックします。


Skitched 20120605 110152
そして見たいサイトでリロードしてみてください。iPhone版が出現するはずです。

iPhoneサイトのレイアウトをする際にちょーべんり。

この拡張機能を使えば、iPhoneサイトだろうがなんだろうが、Chromeで表示できるし、なおかつChromeの強力なデベロッパーツールをそのまま使えるのでコーディングもとてもしやすくなると思います。


というわけで、Chromeのユーザーエージェント変換ツールをお探しの方は、ぜひ「User-Agent Switcher」を使ってみて下さい!便利ですよ!


Thumbnail Google Chrome上でFacebookの通知が把握できる拡張機能「Facebook Notifications」がめっちゃ便利! | 和洋風◎
http://wayohoo.com/google-chrome/extensions/social-and-communication/facebook-notifications.html

Thumbnail Chrome、Safariで開いている全タブのリンクタグをMarsEdit上に一気に生成できるAppleScriptが便利すぎてヤバイ! | 和洋風◎
http://wayohoo.com/blog/tips/marsedit-link-from-chrome-and-safari-tabs.html

No.3827

あわせて読みたい

  1. Google、Chrome拡張機能でのマネタイズを解禁 Google、Chrome拡張機能でのマネタイズを解禁
  2. Keyconfig - ショートカットキーでブックマークレットを呼びだしたりChromeを制御できる ”神” 拡張機能 Keyconfig - ショートカットキーでブックマークレットを呼びだしたりChro...
  3. 1Password - パスワード・アカウントをサクッと呼び出せるGoogle Chrome拡張機能 1Password - パスワード・アカウントをサクッと呼び出せるGoogle Ch...
  4. はてなブックマーク Google Chrome 拡張 - はてブしやすくなるだけでなく検索エンジンにはてブ数表示もしてくれる拡張機能 はてなブックマーク Google Chrome 拡張 - はてブしやすくなるだけでな...
  5. Buffer - Twitter・Facebookに同時投稿できて更にツイート解析まで出来るChrome拡張機能 Buffer - Twitter・Facebookに同時投稿できて更にツイート解析ま...
  6. PageRank Status - GoogleページランクやAlexaランクが速攻チェックできるChrome拡張機能 PageRank Status - GoogleページランクやAlexaランクが速攻...
  7. AutoPager Chrome - ウェブ閲覧効率が通常の3倍に!「続き」が自動で出てくる ”神” 拡張機能 AutoPager Chrome - ウェブ閲覧効率が通常の3倍に!「続き」が自動で...
  8. 画像のサイズやその他詳細がサクッとわかるChrome拡張機能「Image Properties Context Menu」が地味に便利! 画像のサイズやその他詳細がサクッとわかるChrome拡張機能「Image Prope...
  9. Google Chrome上でFacebookの通知が把握できる拡張機能「Facebook Notifications」がめっちゃ便利! Google Chrome上でFacebookの通知が把握できる拡張機能「Faceb...
  10. ChromeのブックマークをXmarksとiCloudを使ってiPhone・iPad・MacのSafariに同期させる方法。 ChromeのブックマークをXmarksとiCloudを使ってiPhone・iPad...
  11. 日本のスマホの販売シェアはiPhoneが49.2%、Androidが45.8% 日本のスマホの販売シェアはiPhoneが49.2%、Androidが45.8%
  12. めっちゃ便利!Google英語版を速攻で検索できるようにChromeを設定する方法 めっちゃ便利!Google英語版を速攻で検索できるようにChromeを設定する方法
  13. 【SEO】リンクがnofollowかどうか一目で分かるGoogle Chrome拡張機能「NoFollow」が、ごってええやん! 【SEO】リンクがnofollowかどうか一目で分かるGoogle Chrome拡張...
  14. Google Chromeの履歴やブックマークをスタイリッシュに検索できる拡張機能「Holmes」がメッチャ使える。 Google Chromeの履歴やブックマークをスタイリッシュに検索できる拡張機能「...
  15. iPhone、iPadの通知を素早く消す方法。 iPhone、iPadの通知を素早く消す方法。
  16. Gmailの未読メール数をそっと表示してくれるChrome拡張機能「Google Mail Checker」 Gmailの未読メール数をそっと表示してくれるChrome拡張機能「Google M...
  17. AutoPatchWork - 分割してるページの続きが出てくるメチャ便利なGoogle Chrome拡張機能 AutoPatchWork - 分割してるページの続きが出てくるメチャ便利なGoog...
  18. YouTubeでリピート再生できるGoogle Chrome拡張機能「Auto Replay for YouTube」は入れとくべき YouTubeでリピート再生できるGoogle Chrome拡張機能「Auto Re...
  19. Chrome拡張機能「Google Calender Checker」がめちゃイケ。次の予定までの時間が即把握できる。 Chrome拡張機能「Google Calender Checker」がめちゃイケ。...
  20. 桃鉄 for iPhoneってないのかよーって思ったらあった。結構面白い。 桃鉄 for iPhoneってないのかよーって思ったらあった。結構面白い。
RelatedEntries

コメント

Comments