2011-10-25 10 views

答えて

12

私はコードがまだ動作しなければならないと思います。..

とにかくここにあなたがフルスクリーンたいモバイルサファリ伝えるための正しい方法である: click me

例えばを

<meta name="apple-mobile-web-app-capable" content="yes" /> 

EDIT

AppleがSafariで最小限のUIを表示するには、新しいモバイル-UIプロパティを使用して使用します。

プロパティを、最小限の-UIは、ビューポートに追加されましたメタタグキーを使用すると、ページの読み込み時にiPhoneの上部バーと下部バーを最小限に抑えることができます。最小UIを使用しているページでは、上部バーをタップするとバーが元に戻ります。コンテンツを元に戻すと、それらを再び閉じます。

このようにそれを使用します。

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" /> 

ソース:https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html

+1

は、すべてのメタタグを試してみましたが、私はページがホーム画面にそれをページに追加することなく、ロードされた後、アドレスバーを非表示にすることができます古い動作を必要としています。私は再びホームスクリーンでアプリを入れた後 – firedev

+0

は、私の状況では変更は、働いていました。 – speznaz

+3

私はそれがホームスクリーンにアプリを追加することなく、仕事をしたい、それがことです。 – firedev

29

を自分のために、この問題を調査するとき、私が発見したように、それは多くのものを組み合わせたものです。ここ が正しくiOS5を上動作するコードです: (私は少し遅れだけど、答えは答えが、うまくいけば、それは将来的に人々を助けることができる)

<!DOCTYPE html> 
<html> 
<head> 
<title>Hide Address Bar</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script> 
window.addEventListener("load",function() { 
    setTimeout(function(){ 
    window.scrollTo(0, 0); 
    }, 0); 
}); 
</script> 
<style> 
body { min-height: 480px; } 
</style> 
</head> 
<body> 
<h1>Content</h1> 
</body> 
</html> 

出典:http://24ways.org/2011/raising-the-bar-on-mobile

例:http://jsbin.com/isenax/

+1

新しいiPhone 5ディスプレイの場合は、最小高さを少し上げなければならないでしょう。私の経験では505pxで十分でした。アプリケーションによっては、ユーザーのデバイスに応じて動的に設定することができます。 – Sean

+3

CSSスタイルで高さを指定する代わりに、ビューポートメタタグに追加のエントリを追加することもできます。 height = device-heightを指定することができます。この方法では、デバイスの向きを変えても、バーは隠されます。 –

5

IOS7以来、window.scrollToトリックはもう動作しません。あなたのホームスクリーンにあなたのウェブサイトを追加するようにユーザーを招待することを除いて、今のところ回避策はありません。 iOSの7で

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

Is it possible to hide the address bar in iOS 7 Safari?

Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch

1

あなたは最小限-UIメタタグを使用することができます。残念ながら、それは、最小限の-UIのタイプの機能を戻すことになっているつばと呼ばれるプロジェクトがありますiOSの8のためのiOS 8

で削除されました。それは、ここで見つけることができます:https://github.com/gajus/brim

関連する問題