読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 求職者支援訓練Webデザイン フェリカテクニカルアカデミーWebサイト制作科作品紹介



スマートフォンのブラウザ

SafariをMobileSafariとして表示させる設定

  • Windows:「編集」→「詳細」
  • Mac:「環境設定」→「詳細」




この「ユーザーエージェント」を選択している状態での表示上のリンクは、スマートフォンサイトが存在する場合にはそちらに自動的に誘導されます。


Safari開発者向けツール
  • [開発]メニュー → [Webインスペクタ]

Chrome開発者向けツール



スマートフォン・シミュレータ

Mobilizer



iPhone 4 Simulator:Test iPhone Websites
  • iPhone 4 用オンラインシミュレータ



ibbdemo3.air for Windows/Mac


  • [Ctrl] + [1] ・・・ iPadエミュレータ切替
  • [Ctrl] + [2] ・・・ iPhoneエミュレータ切替
  • [Ctrl] + [+] ・・・ Safari表示拡大
  • [Ctrl] + [-] ・・・ Safari表示縮小
  • [Ctrl] + [←] ・・・ エミュレータ縦横切替
  • [Ctrl] + [→] ・・・ エミュレータ縦横切替
  • [Ctrl] + [D] ・・・ アドレスバー表示切替
  • [Ctrl] + [Shift] + [F] ・・・ Flash有効無効切替
  • [Ctrl] + [T] ・・・ インストールフォルダ配下のtest.htmlを表示
iPhoneシミュレータ

iPSim



iPhoney



mobione



iOSシミュレータ