Tag: Safari
参考情報†
Webインスペクタ†
- [Safari > 環境設定 > 詳細]で、[メニューバーに"開発"メニューを表示]にチェック。
- [開発]メニューが表示されるのでそこからいろいろ実行する。
- Webインスペクターは[開発]メニューから選択するか、OPT+CMD+Iで実行する。
使用方法†
- Chromeのデベロッパーツールと同じにように使える。
要素の確認†
- インスペクタの表示を[DOMツリー]に変更し、そこから要素を選択する。
- もしくはWebインスペクタ中央ペインの右上にある"指"のマークを選んで、Web画面から選ぶ。
- CSSは一番右側のペインにある右から2つ目のところの"{}"を選ぶ(計算済みのスタイル)。