[修正]iPadのSafariでwebclip(webAppモード)かどうかを判断するJavascript | 我流天性 がらくた屋
[修正]iPadのSafariでwebclip(webAppモード)かどうかを判断するJavascript 2011 9/20 とても単純なことだけど自分用にメモ。 iPadのSafari上でどうしても キャッシュさせたwebClip(webAppモード)として表示されてるのかどうかをJavaScriptで判別したかった。 window.applicationCache 周りもいろいろ試したけど、判別する方法としては使えなかった。 （使い方が悪かったのかもしれないけども） window.applicationCache.UNCACHED はもろそれっぽかったのに、どうしてかうまくいかなかった。 なので強引に、webClipかどうかをsafariのツールバーをOFFにしてる前提で、innerHeightで判断することにしました。 2011/09/19 UPDATE window.naviga
![[修正]iPadのSafariでwebclip(webAppモード)かどうかを判断するJavascript | 我流天性 がらくた屋](https://cdn-ak-scissors.b.st-hatena.com/image/square/f0648709e29419f50ad1b62b01e90c538b81c0db/height=288;version=1;width=512/https%3A%2F%2Fblog.cgfm.jp%2Fgaryu%2Fwp-content%2Fuploads%2F2013%2F12%2Fdot_icon_garuy_160px.png){kind=icon}
Safari @iPhoneで、meta viewportを動的に生成。いつでも横幅ピッタリに収める。
<!DOCTYPE html> <html> <head> <meta name="viewport" id="viewport" /> <script type="text/javascript"> ( function(){ var contentWidth = 700; var min_scale = Math.round( ( screen.width / contentWidth ) * 10000 , 5 ) / 10000; var max_scale = Math.round( ( screen.height / contentWidth ) * 10000 , 5 ) / 10000; document.getElementById( 'viewport' ).content = 'width=' + contentWidth + ' , ' + 'minimum-sca
➤ iOS 7.1 Mobile Safari Minimal UI • Perpetual βeta
As you will probably already know, Apple’s iOS 7.1 update recently became available. Along with a raft of revisions, security patches and other improvements there was one little feature I was particularly interested in: a new Mobile Safari property known as minimal-ui. Apple describes this as follows:1 “A property, minimal-ui, has been added for the viewport meta tag key that allows minimizing the
iOS7におけるMobile Safariの主な変更点
iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏（@firt）がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者／開発者にとって重要と思われる情報を引用して、Web技術者にとっても大きな影響を持つこのアップデートについて紹介していきたいと思います。 元記事は非常に長大、かつ詳細なため、全てのポイントを紹介することはとてもできません。素晴らしい記事ですので、関心のある人は、ぜひ元記事を参照してください。 ちなみに、最初にガッカリさせることになってしまいますが、@firt氏によれば、「1.0以降最もバグの多いバージョンだ」（this is the buggiest Safari version since 1.0）だそうです… UIが大幅に変更、フルスクリーン（に近いサイズ）がデフォルトに Webブラウジングをしている
リーダーのせいでmobile safariのアドレスバー隠しが遅れる
※あまりいい結論が出ていない記事です。 現象サンプル アドレスバーに[リーダー]が表示されているとアドレスバー隠しでお馴染みのscrollTo(0, 1);してから4s後くらいにアドレスバーが消える参考iPhone版Safariのリーダー表示についてSafariの新機能「リーダー」の表示条件How to disable Safari Reader in a web pageHow to enable iOS 5 Safari Reader on my website?https://code.google.com/p/arc90labs-readability/source/browse/trunk/js/readability.js検証article使うと出る?body>article>(div+div+div….) body直下の要素をarticleで囲んで画面の見えない位置に（スクロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Cursor Values
Apple Events - Livestream - Apple