«

""


[Chrome] Google Chromeでモバイル画面を見る User-Agent Swither for Chrome

タイトルそのまんま(‘ω’)
自分メモ

モバイル画面を PCのChromeで見るエクステンションはたくさんありますが、 わたしはずっと「User-Agent Swither for Chrome」を使っています

ただ、そろそろ新しいエージェントにしたいなーと思う今日この頃…
User-Agent Swither for Chrome の更新は、2017年8月3日で止まってるから、新しいモバイル端末の種類が増えてないのよね…(+_+)

まぁそれでも今は不自由してないので、一応紹介(‘ω’)

Chromeのバナーにこんな感じで表示されます

超便利(*^▽^*)

2年くらい前は、Glenn Willsonさんという方が、個人で提供して下さっていたみたいですが

2019年4月30日現在は、提供元が google.com になっています！

良い感じに買ってもらえたのかな～？
こういうのを見ると、ちょっと嬉しくなりますね(‘ω’)

なんで2年前の画像を持ってるのかというと、
2年前にこの記事を書こうと思って、そのままアップしてなかったからでした…
たはー

でも、これを書きながら、新しいエージェントさがそーっと思いました

どなたか、おススメのユーザエージェントを書き換えるChromeエクステンション教えて下さい~

[Chrome] Google Chromeのマルチプロファイル設定

Google Chrome を使って、Webサイトの開発をしている人向けの情報です

自分のChromeのユーザプロファイラを使わずに、開発は別のプロファイラを使いたいってこと、ありますよね…？

[プランA] ユーザプロファイラを切り替える

Google Chrome のユーザデータを、開発用と自分個人用とに分けたい
開発用のモバイルモードで見てるときに、普通にPCブラウジングがしたい

とかいうときのために（か、どうか分かりませんが…）

Google chrome は複数ユーザに対応しています

  1. chrome://settings/ にアクセス
    もしくは、メニューの「設定」を押す

  2. 「ユーザ」の設定項目があるので、追加します

  3. アイコンと名前を選択して「追加」します
    （わたしの場合は適当に Development と付けました）

  4. ユーザ名が右上に表示されるようになり、新しい「Development」ユーザでブラウザが立ち上がります

Extension や閲覧履歴は、完全に今まで使っていたものとは別になっているので
新規プロファイルが使い放題です(*ﾉωﾉ)

これまで使っていたユーザは「ユーザ－１」
開発用のユーザは「Development」
で、使い分けることが可能になりました

[おまけ] 起動時に Development ユーザを指定して起動する方法

ちなみに、デフォルト起動はもちろん、これまで使っていた「ユーザー１」で立ち上がります

ショートカットなどで、さっき作ったDevelopmentユーザがいきなり立ち上がって欲しいときは
以下のように「profile-directory」起動オプションを設定してあげると
任意のユーザプロファイルで立ち上がります

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --profile-directory="Profile 2"

※Chromeのショートカット設定にしておくと便利です

わたしの環境では、”Peofile 2”という名前でしたが、これは作った環境によって異なっているはずです

Chromeユーザプロファイルのデフォルトの位置はこちら↓↓↓

“C:\Users[Winユーザ名]\AppData\Local\Google\Chrome\User Data\Profile x”

ちなみに、これまで使っていた自分の環境である「ユーザー１」は「Default」というディレクトリ名です

“C:\Users[Winユーザ名]\AppData\Local\Google\Chrome\User Data\Default”

さて、プランAのプロファイル切り替えでも、まぁ用途は足りるんですけど
1点だけ、気に入らないところがありました…

確かに、完全にプロファイルは別になるのですが
起動時の画面サイズは、プロファイル間で共有されてしまうのです

これを解消したい…！
それが次に示すプランBのパターンです

[プランB] 稼働環境を別物にする

つまりプランAのままだと、

自分でブラウジングしてる「ユーザー１」の画面サイズと
「Development」ユーザの画面サイズを、
個別に保存することは出来ない

のです…
あぁ残念 xxx

でも大丈夫(*ﾉωﾉ)

方法がありました

プロファイルの保存場所そのものを、別のディレクトリにすればOKでした

指定するオプションは「user-data-dir」です

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="C:\utils\chrome_dev_profile"

※同じく、Chromeのショートカット設定の図、先ほどのプランAの profile-directory オプションは不要

このオプションで指定するディレクトリは、どこでもいいみたいですが
出来ればデフォルトで利用している

C:\Users[Winユーザ名]\AppData\Local\Google\Chrome\User Data

の配下は、避けた方がいいかもしれません
（わたしの環境では、スタートページがちょっと変になりました。深追いして調べてないです…）

プランA/Bのどちらでも、マルチプロファイラでブラウジングできるのですが
より独立した設定をしたい！という人には、プランBが私的にはお勧めです

Chrome は起動オプションがいっぱいあって、他にも
Userエージェントを指定出来たり（user-agent）、
ブラウザの言語を指定したり（lang=en-USで英語になる）と
いろんな機能が用意されてるので
開発用途としてはなかなかいい感じだなと、今更ながら思いました(*´∇`)ﾉ

＜参考＞

ちなみに、Google Chrome の起動オプションは
公式ではちょっと探しにくかったんですけど（わたしの探し方が悪いかも…）
こちらの人のサイトが、簡潔で一覧性が高く、参考になりました(^▽^)/

以下、日本語の参考サイト