ネイティブアプリのようなWEBアプリ「Sun」がどういう技術・方法で作られているか解析してみた。 読み込み時の挙動 sunはアクセスした環境別(PCブラウザ・モバイルブラウザ・WEBアプリモード)の画面が表示される。 ※WEBアプリモードとはナビゲーションバーやアドレスバーの無い状態。 アクセス環境をチェック まずwindow.navigator.standaloneでWEBアプリモードか否かを評価し、真の場合はWEBアプリモードの画面を表示する。 偽の場合はさらにユーザーエージェントを調べモバイルかPCかを評価して表示内容を切り替えている。 if (!window.navigator.standalone) { if (navigator.userAgent.match(/like Mac OS X/i)) { //モバイルブラウザ }else { //PCブラウザ } }else {