知っ得!僕が修正の確認によく使う、Mac版Safariの便利機能3つ
【img via Safari / aditza121】
僕がWPTouchのコードを修正したい時に必ず利用するツールは、Mac版Safari。今回は僕が重宝している便利機能を3つほど紹介しておく。
ユーザーエージェントの偽装
Safariの最大の魅力はなんといっても標準で搭載されているユーザーエージェント偽装機能。
初期状態では有効になっていないので、Safariの設定の中にある「詳細」タブを開くと一番したに「メニューバーに[開発]メニューを表示」というのがあるはずなので、それにチェックを入れて有効化。
チェックを入れるとメニューバーに「開発」メニューが追加されるので、その中からユーザーエージェントを選ぶと、自動的にページが再読み込みされ下記のように表示が変わる。これでWPTouchの表示が確認できる!
キャッシュの削除
CSS等を修正しても反映しない場合、キャッシュが残っているケースが多い。Safariでキャッシュを削除する場合、Safariの設定の中にある「プライバシー」タブの中にある下記箇所をクリック。
キャッシュやCookieを削除したいページを検索し、「Remove」で削除完了!
インスペクターの別画面表示
僕はコードを修正して都度デプロイするなんて非効率なことは当然やってられないので、標準搭載されているインスペクターを重宝している。右クリックで呼び出すか「Alt + Cmd + i」で表示することができる。
デフォルトではSafariと一体化していると思うが、表示領域が狭くなるのでインスペクターを分離させるのがオススメ。やり方は左下のボタンをクリックするだけ!
以上!SafariはChromeと同じくWebkitベースのブラウザなのでデバッグ機能が充実していて便利だね!
もっと読む
2025.04.04
2021.09.21
2019.09.20
2019.07.06
2014.12.14
2014.10.27
2014.01.14
2013.10.27
2013.10.02
関連キーワード
コメント(0件)
「Macの使い方・設定」新着記事

Macデビューがこれまでになく快適に。iPhoneがあればMacの初期設定ができちゃいます
2025.04.17

MacBookの自動起動、ユーザーが制御可能に。macOS Sequoiaで新機能追加
2025.02.01

iPhoneミラーリングで接続したくても「エラー」。解決方法がやっと分かった
2024.11.05

macOS復旧を使ってmacOSを再インストールする方法、Appleが動画で解説
2022.07.19

14インチMacBook Pro(2021)を最適化!ゴリミー流システム環境設定カスタマイズまとめ
2022.04.16

AppleシリコンMacでセーフモード(セーフブート)に入る方法
2021.12.27

AppleシリコンMacでハードウェアの問題を調べる「Apple Diagnostics」を利用する方法
2021.12.26

14インチ/16インチMacBook Proを固定リフレッシュレートに指定する方法
2021.12.24

Macの消去アシスタントを使い、すべてのコンテンツと設定を消去する方法と手順
2021.11.11

新規購入したMacで、あとからAppleCare+に加入する方法
2021.11.10

Mac向け延長保証サービス「AppleCare+ for Mac」とは?内容・価格・条件などまとめ
2021.11.10

Macの地球儀キーを使いこなせ!便利なキーボードショットカットまとめ
2021.10.31

M1 MacBook Proで外部ディスプレイが出力失敗するときに試している6つの対処法
2021.08.23

Macで使用頻度の低いキーを「デスクトップを表示」に設定すると捗る
2021.08.20

Macに外付けキーボードを追加したら必ず行うシステム設定まとめ
2021.08.13

MacBook Air/Proの画面スペースを最大化!Dockやメニューバーを自動的に非表示にする方法
2021.08.12

Mission Controlで同じアプリケーションのウィンドウをまとめる方法
2021.08.09

Macでマウスやトラックパッドが”逆に動く”を直す方法
2021.08.09

反応しないアプリを強制終了、Macを強制的に再起動する方法
2021.07.10

Macで「コンピュータは5台までしか認証できません」と表示されたときの対処法
2021.07.07