まず、PCサイトからモバイル用サイトを作成する
とりあえず、eclipse でつくる
ちょっと参考書とは違うけど
eclipse で作成したプロジェクト
reserve の直下ディレクトリを作成
やりかたは
reserve を右クリック
　new > Folder
で作成して
m
という名前で作成
このmにindex.html を作成する
アプリの設定画面を開いて
基本設定の
モバイルWebアプリ Bookmark my web app on Facebook mobile.
をクリックし
Mobile Web URL:
のところにディレクトリパスをかきます
今回なら
http://localhost/reserve/m/
次に、
認証ダイアログをクリックして
Authenticated Referrals
Request permissions when users on Facebook click on links to your app
をクリックし
変更を保存をクリックします
今回は実証のため
firefox を使います
理由は、firefox の場合
User Agent Switcher
というアドインをインストールすることで
スマートフォン向けのモバイルサイトの画面を確認できるからです
https://addons.mozilla.org/ja/firefox/addon/user-agent-switcher/
へアクセスし
+Add to Firefox
をクリック

警告ダイアログがでるけど気にせず先に進めます

インストール終了したら、 firefox を再起動します