Safari

Tag: Safari

目次†

参考情報†

Webインスペクタ†

設定†

• [Safari > 環境設定 > 詳細]で、[メニューバーに"開発"メニューを表示]にチェック。
• [開発]メニューが表示されるのでそこからいろいろ実行する。
• Webインスペクターは[開発]メニューから選択するか、OPT+CMD+Iで実行する。

使用方法†

基本†

• Chromeのデベロッパーツールと同じにように使える。

要素の確認†

• インスペクタの表示を[DOMツリー]に変更し、そこから要素を選択する。
• もしくはWebインスペクタ中央ペインの右上にある"指"のマークを選んで、Web画面から選ぶ。
• CSSは一番右側のペインにある右から２つ目のところの"{}"を選ぶ(計算済みのスタイル)。

モバイル用サイトのデバッグ†

• iPad/iPhoneのSafariの設定で[詳細 > Webインスペクタ]をオンにする。
• iPad/iPhoneのSafariで適当なページを閲覧。
• MacのSafariで、[開発 > iOSシミュレーター]を選択。
• Webインスペクタが開くので使う(指のほうは使えないかも)。
• iPhone/iPadをUSB接続すれば実機でもいけるらしい。

Contents

メニュー

• about
• blog
• blog(はてな)

配布物

• FaEdit
  • ヘルプ
  • BugTrack
• WikiHelpMaker
  • ヘルプ
  • BugTrack

ゲーム

• 時のオカリナ3DS
• ドラゴンズドグマ
• スプラトゥーン2
• DQB2
• ジョイコン

ショートカット

• 用語集A-Z
• 用語集ア-ワ

今日の18件

最新の20件