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シミュレータ