タグ

2017年10月5日のブックマーク (1件)

  • 【iOS】サイトを「ウェブアプリケーション・フルスクリーンモード」で表示させる方法。

    デバイスは最新のiPhone6を使用。アプリはデフォルトの「Safari」で、左の画像は普通に表示させたもの。そして右側が、今回紹介する「ウェブアプリケーション・フルスクリーンモード」でサイトを表示させたものです。 これは以前[iOS 7.1]のときだけ限定的に使えた「minimal-ui」の進化版で、「フルスクリーンモード」または「ウェブアプリモード」とも呼ばれる表示機能です。 この機能を有効化する方法は簡単で、ウェブサイトの <head>〜</head> 内に以下のコードを挿入するだけで実装できます。 <meta name="apple-mobile-web-app-capable" content="yes"> 「ウェブアプリケーション」と冠するだけあって、ウェブサイトがアプリのように表示されるのでカッコいいですよね。 余分なステータスバーやメニューバー、ツールバーが非表示になるので

    【iOS】サイトを「ウェブアプリケーション・フルスクリーンモード」で表示させる方法。