< 2025年05月 >
S M T W T F S
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
プロフィール
ajasan
ajasan
アクセスカウンタ
QRコード
QRCODE
新規投稿

新規投稿するにはログインする必要があります。会員IDをお持ちでない方はIDを取得された後に投稿できるようになります。
ホームIT日記 iPhone Webデザイン ブラウザ > Chromeの便利なデベロッパーツール♪

Chromeの便利なデベロッパーツール♪

みなさんブラウザメインで何使ってますか?

私はChromeです♪

その理由の一つはデベロッパーツールが

便利なのでWebサイト作成する時は必須ですね♪

ただ、最近はスマホのデザインとかを作らないといけないので、

確認がスマホだと、要素とか調べるのが大変なんですよね汗

なので、前まではユーザーエージェントを変更できる、

「Safari」を使って修正したりしていたのですが・・・・


Chromeでもできたんですね汗

もう、これが出来れば鬼に金棒です。

要素の確認やデザインをすぐ確認できるので便利(>_<)

なんで、今まで気づかなかったんだろう・・・。


ま、それはさておき設定方法は、

Chromeの便利なデベロッパーツール♪
1.「F12」ボタンを押してデベロッパーツールを出します。
 そして、右下の歯車「設定」ボタンを押します。



Chromeの便利なデベロッパーツール♪
2.「Overrides」をクリック。



Chromeの便利なデベロッパーツール♪
3.あとは、使いたいユーザーエージェントを指定すればOKです。


Chromeの便利なデベロッパーツール♪
これでスマホ用のページが表示されます♪


簡単ですね~♪

調べてみると、いろいろ使えそうな機能があるので、

もう少し勉強してみます。



同じカテゴリー(IT日記)の記事

 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。