WordPress

いろいろなブラウザでUserAgentを偽装する方法

【2014年11月3日追記】
2014年11月時点での最新の各ブラウザでのUserAgentの変更方法をまとめた記事を公開しました。
いろいろなブラウザでUserAgentを偽装する方法(2014年11月版)
↑のリンク先が最新の情報になります。以下の記事の内容は1年以上過去の情報となります。

少し更新の間隔が空いてしまいました。12月ということでいろいろとバタバタしていたのですよ。明後日も忘年会だしなー。

さて、タイトルの件ですが、最近スマホサイトの構築の勉強をしています。UserAgentを判別することでPC版とスマホ版でデザインを切り替えるという機能が必要になりました。動作確認の手間を減らすために、PC版のいろいろなブラウザのUserAgentを偽装することで、てっとり早く確認しようと思い、いろいろ調べてみました。

ちなみにUserAgent(ユーザーエージェント)とは何ぞや、というと、これはブラウザやスマートフォンの種類を表示する環境変数のことです。パソコンやスマホからインターネット上のページを見ると、陰でこっそりと「環境変数」という情報をページの存在するサーバーに送信しています。ちまたで見かけるGoogle Analyticsのようなアクセス解析ソフトで集計しているデータも、その環境変数という情報を収集しているんですよ。環境変数には皆さんがインターネットを見るのに使っているパソコンの「IPアドレス」とか、どのページのリンクからジャンプしてきたのかという情報を表す「リファラー」など、いろいろな物があります。そのうちの一つが「UserAgent(ユーザーエージェント)」です。

このUserAgentという環境変数は、実は結構簡単に偽装できてしまいます。本当はGoogle Chromeを使っているのに

「IEを使ってアクセスしてますっ!(キリ」

みたいな事ができます。
この機能を使うとスマートフォンオンリーのページがパソコンで見れちゃうかも・・・! みたいな状況も考えられます。ただし、UserAgentが簡単に偽装可能ということは、Web制作業界では20世紀から伝わる常識なので、ヤバいことはUserAgentを偽装するだけではできないと思います。

さて、本題のUserAgentの偽装の方法について説明します。
ここでは、以下の3つのブラウザについての偽装の方法を紹介します。

・Google Chrome
・Safari
・Internet Explorer

それではまずGoogle Chromeからです。

Google ChromeでUser Agentを偽装する方法

Google Chromeを立ち上げて右上にある「Google Chromeの設定」ボタンを押します。

そのまま「ツール」→「デベロッパーツール」のメニューをクリックします。
クリックするとブラウザの下部に小さなウィンドウとメニューのアイコンがずらずらと表示されます。
その箇所の一番右下の「setting」ボタンをクリックします。

英語表示ですがデベロッパーツールの設定画面が表示されます。
ここで「Enable」と「User Agent」の2つのチェックボックスにチェックをいれます。

そうすると少し下にあるコンボボックスからUserAgentが選択できるようになります。

ずらずらっとブラウザ名やらスマホ名やらがでてきますね。
これで好きなUserAgentを設定することが可能になります。

SafariでUser Agentを偽装する方法

それでは次にSafariでのUserAgentの設定方法を紹介します。
SafariでUserAgentを偽装するにはブラウザに「開発」というメニューを表示させる必要があります。

画像のようにSafariの設定画面を表示させます。

設定画面の「詳細」タブを選択し、「メニューバーに開発メニューを表示」にチェックを入れます。
そうすると、Safariのメニューバーに「開発」というメニューが表示されるようになります。

「開発」→「ユーザーエージェント」から好きなUserAgentが選択できるようになります。

Inernet ExplorerでUser Agentを偽装する方法

最後にInternet ExplorerでのUserAgent変更方法を紹介します。
Internet Explorerを立ち上げてキーボードの「F12」を押します。

そうすると「F12開発ツール」と呼ばれるウィンドウが表示されます。

F12開発ツールの「ツール」→「ユーザーエージェント文字列の変更」から好きなUserAgentを選択することが可能です。

以上3つのブラウザについてUserAgentの偽装方法でした。

===

Twitterアカウント:@corekaraweb
⇒管理人・村上英輝が発信するフリーランスの日常を発信しています。WebライターやSEOライターのお役立ち情報もたまにあるかも! フリーランスの方やライターの方はフォローバックしておりますので、お気軽にフォローしてください!

facebookページ:コレカラウェブ
⇒「コレカラブログ」を含めたコレカラウェブのブログ運営の裏側を公開しています。ブログに公開する前の先行情報や運営方針などを記録しています。PVや収益に関する生々しい話も!よろしければ「いいね!」お願いいたします。

「いいね!」と思ったら、クリックお願いいたします<m(__)m>
にほんブログ村 小遣いブログ Webライター・ブログライターへ にほんブログ村 IT技術ブログ SEO・SEMへ にほんブログ村 小遣いブログ ブログアフィリエイトへ
ABOUT ME
村上英輝
2018年4月に開業したコレカラウェブ代表の村上英輝です。フリーランスとしてWebライティング・SEO対策・メディア運営・障害者支援のお仕事を一貫して承ってきました。現在はフルリモートのWeb制作会社でSEO担当者もやっています。このブログではコレカラウェブのお仕事で得たノウハウやテクニックを詳しく紹介しています。所有資格:Webライティング実務士・ウェブ解析士・SEO検定1級・情報セキュリティスペシャリスト・FP2級・AFPなど。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA