Safari
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&tag(Safari);
*目次 [#b8e5fa81]
#contents
*参考情報 [#a111a9a3]
*Webインスペクタ [#b3a4b6b5]
**設定 [#c3933066]
-[Safari > 環境設定 > 詳細]で、[メニューバーに"開発"メニ...
-[開発]メニューが表示されるのでそこからいろいろ実行する。
-Webインスペクターは[開発]メニューから選択するか、OPT+CMD...
**使用方法 [#bae90ecd]
***基本 [#c5713c0e]
-Chromeのデベロッパーツールと同じにように使える。
***要素の確認 [#p82c9396]
-インスペクタの表示を[DOMツリー]に変更し、そこから要素を...
-もしくはWebインスペクタ中央ペインの右上にある"指"のマー...
-CSSは一番右側のペインにある右から２つ目のところの"{}"を...
**モバイル用サイトのデバッグ [#jd202a02]
-iPad/iPhoneのSafariの設定で[詳細 > Webインスペクタ]をオ...
-iPad/iPhoneのSafariで適当なページを閲覧。
-MacのSafariで、[開発 > iOSシミュレーター]を選択。
-Webインスペクタが開くので使う(指のほうは使えないかも)。
-iPhone/iPadをUSB接続すれば実機でもいけるらしい。
終了行:
&tag(Safari);
*目次 [#b8e5fa81]
#contents
*参考情報 [#a111a9a3]
*Webインスペクタ [#b3a4b6b5]
**設定 [#c3933066]
-[Safari > 環境設定 > 詳細]で、[メニューバーに"開発"メニ...
-[開発]メニューが表示されるのでそこからいろいろ実行する。
-Webインスペクターは[開発]メニューから選択するか、OPT+CMD...
**使用方法 [#bae90ecd]
***基本 [#c5713c0e]
-Chromeのデベロッパーツールと同じにように使える。
***要素の確認 [#p82c9396]
-インスペクタの表示を[DOMツリー]に変更し、そこから要素を...
-もしくはWebインスペクタ中央ペインの右上にある"指"のマー...
-CSSは一番右側のペインにある右から２つ目のところの"{}"を...
**モバイル用サイトのデバッグ [#jd202a02]
-iPad/iPhoneのSafariの設定で[詳細 > Webインスペクタ]をオ...
-iPad/iPhoneのSafariで適当なページを閲覧。
-MacのSafariで、[開発 > iOSシミュレーター]を選択。
-Webインスペクタが開くので使う(指のほうは使えないかも)。
-iPhone/iPadをUSB接続すれば実機でもいけるらしい。
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
