アーカイブ

【Web開発】Google Chrome で新規タブや新規ウインドウもUser-Agent偽装する

Chromeで新規タブや新規ウインドウの起動先でもUA偽装させる方法についての記事です。

目次
  1. カレントタブは開発者ツールでUser-Agent偽装できる
  2. ショートカット作成でカレントタブ以外もUser-Agent偽装が可能
    1. 目的のUser-Agentを確認するには
  3. ChromeはUser-Agentを削減予定
  4. 動作確認Ver
  5. 参考
  6. おわりに
Windows 版 Google Chrome の内容になります。

カレントタブは開発者ツールでUser-Agent偽装できる

Google ChromeではF12キーで起動できる「開発者ツール」でUser-Agentの偽装が可能です。

やり方は複数あって、

  • device toolbarを有効にして任意のデバイスを選択
    ※iPhoneやiPad,Android端末などプリセットの設定がある他、任意のUAも設定可能
  • NetworkConctionsでUAを設定

など。

結構プリセットは充実しています。

Editから任意の設定を作ることもできます。


Network conditionsからも設定可。

device toolbarが、window.openで開かれたサブウインドウだと有効にできなかったりするので、そういう場合はこちらが便利。

ただ、これらの方法ですとこの偽装したカレントタブから新規タブや新規ウインドウでページを開いた際は、開いた先のページのUAは偽装されません。

そのため、Webアプリケーションの開発などで動作確認をする際に不便なことがあります。新規タブや新規ウインドウ起動で開いた先でページロード時に走る処理を確認したい場合などですね。

ショートカット作成でカレントタブ以外もUser-Agent偽装が可能

UA偽装して起動する専用のショートカットを作成し、そこから起動したGoogle Chromeを使用します。

このショートカットから起動したChromeは一貫して指定したUAで動作してくれます。

①Google Chrome のショートカットを作成する

②作成したショートカットのプロパティを開く

③「ショートカット」タブの「リンク先(T):」で、オプションを追記する

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1" --user-data-dir="C:\dev\chrome\User Data Dev"

起動オプションに

「–user-agent=”{任意のUser-Agent文字列}” 」

「–user-data-dir=”{任意のディレクトリ}”」

を指定してあげます。

ショートカットが作成できたら、起動してアドレスバーに「chrome://version/」を入力、アクセスし確認してみましょう。

今回はiOS14.0 SafariのUser-Agentを指定しましたが、うまくいっているようですね。

目的のUser-Agentを確認するには

少し調べた限り常に最新を追ってリスト化しているようなサイトはなかったので、都度調べるのが吉?

ChromeはUser-Agentを削減予定

結構前からの話みたいですが、ChromeではUser-Agentを削減する予定とのこと。
※詳細は参考の「User-Agent 削減オリジントライアル – Chrome Developers」を参照のこと

User-Agentは個人レベルまで識別できる情報が含まれていて、プライバシーに問題があると。

だからUser-Agent Client Hints(UA-CH)というW3Cで策定されている新しい機能に段階的に移行していく・・・んだと思います。記事を読んだ限りでは。

なので今後は処理をUAで切り分けていたようなものは、UA-CHを使って切り分けるようになるのかな?

今後の動向に注意したいですね。

動作確認Ver

Google Chrome バージョン: 105.0.5195.102(Official Build) (64 ビット)

参考

User-Agent 削減オリジントライアル – Chrome Developers

おわりに

Android派だけど、開発と遊び用にiPhoneも欲しいなあ。

プロフィール
筆者:UMAイカ

IT企業に勤務しています。当ブログは、うダツの上がらないサラリーマンがよりよい人生を目指して購入した商品のレビューや、仕事の備忘、生活の知恵を発信します。

アーカイブ