\n
![\"\"](\"https:\/\/blog.cgfm.jp\/garyu\/wp-content\/uploads\/2011\/08\/ipad_innerHeight.png\" "\\"ipad_innerHeight\\"")
<\/a>\n
\nwindow.applicationCache \u5468\u308a\u3082\u3044\u308d\u3044\u308d\u8a66\u3057\u305f\u3051\u3069\u3001\u5224\u5225\u3059\u308b\u65b9\u6cd5\u3068\u3057\u3066\u306f\u4f7f\u3048\u306a\u304b\u3063\u305f\u3002
\n\uff08\u4f7f\u3044\u65b9\u304c\u60aa\u304b\u3063\u305f\u306e\u304b\u3082\u3057\u308c\u306a\u3044\u3051\u3069\u3082\uff09<\/p>\n
window.applicationCache.UNCACHED \u306f\u3082\u308d\u305d\u308c\u3063\u307d\u304b\u3063\u305f\u306e\u306b\u3001\u3069\u3046\u3057\u3066\u304b\u3046\u307e\u304f\u3044\u304b\u306a\u304b\u3063\u305f\u3002<\/p>\n
2011\/09\/19 UPDATE<\/strong><\/p>\n window.navigator.standalone<\/strong>\u00a0\u3067\u4e00\u767a\u3067\u3057\u305f\uff01<\/p>\n CSS Nite LP17<\/a>\u306e\u79c1\u306e\u30bb\u30c3\u30b7\u30e7\u30f3\u4e2d\u306b\u3001JavaScript\u306e\u51c4\u3044\u4eba\u00a0@Takazudo<\/a>\u00a0\u3055\u3093\u304cTwitter\u7d4c\u7531\u3067\u3064\u3076\u3084\u304b\u308c\u305f\u306e\u304c\u30d3\u30f3\u30b4\u3067\u3057\u305f\u3002 \u5b9f\u969b\u306b\u8a66\u3057\u3066\u3001\u52d5\u4f5c\u78ba\u8a8d\u53d6\u308c\u307e\u3057\u305f\u3002<\/p>\n [javascript] @Takazudo<\/a>\u00a0\u3055\u3093\u306b\u6539\u3081\u3066\u611f\u8b1d\uff01<\/p>\n <\/p>\n \u4ee5\u4e0b\u3001\u53c2\u8003\u306e\u305f\u3081\u306b\u524d\u306e\u3084\u308a\u65b9\u3092\u6b8b\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n [javascript] \u30e1\u30e2) \u30b9\u30b1\u30fc\u30eb1\u500d ( ) if( webclipedCheck() ) { \u3068\u3066\u3082\u5358\u7d14\u306a\u3053\u3068\u3060\u3051\u3069\u81ea\u5206\u7528\u306b\u30e1\u30e2\u3002 iPad\u306eSafari\u4e0a\u3067\u3069\u3046\u3057\u3066\u3082 \u30ad\u30e3\u30c3\u30b7\u30e5\u3055\u305b\u305fwebClip(webApp\u30e2\u30fc\u30c9)\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u3066\u308b\u306e\u304b\u3069\u3046\u304b\u3092JavaScript\u3067\u5224\u5225\u3057\u305f\u304b\u3063\u305f\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[7,19,322],"tags":[286,323,78],"class_list":["post-2473","post","type-post","status-publish","format-standard","hentry","category-css","category-javascript","category-smartphone","tag-html5","tag-ipad","tag-78"],"_links":{"self":[{"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/posts\/2473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/comments?post=2473"}],"version-history":[{"count":9,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/posts\/2473\/revisions"}],"predecessor-version":[{"id":2516,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/posts\/2473\/revisions\/2516"}],"wp:attachment":[{"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/media?parent=2473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/categories?post=2473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/tags?post=2473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u306a\u306e\u3067\u5f37\u5f15\u306b\u3001webClip\u304b\u3069\u3046\u304b\u3092safari\u306e\u30c4\u30fc\u30eb\u30d0\u30fc\u3092OFF\u306b\u3057\u3066\u308b\u524d\u63d0\u3067\u3001innerHeight\u3067\u5224\u65ad\u3059\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002<\/del><\/p>\n
\n<\/p>\n
\nif( window.navigator.standalone) {
\n\talert(‘webclip\u3067\u3059’);
\n} else {
\n\talert(‘\u901a\u5e38Safari\u3067\u3059’);
\n}
\n[\/javascript]
\n\u306a\u3093\u3066\u30b7\u30f3\u30d7\u30eb\u3002
\n2\u22123\u30f6\u6708\u60a9\u3093\u3067\u305f\u554f\u984c\u304c\u305f\u3063\u305f\u3053\u308c\u3060\u3051\u3067\u89e3\u6c7a\u3057\u3061\u3083\u3044\u307e\u3057\u305f\u3002
\n\u3082\u3061\u308d\u3093\u3001iPad\u306b\u9650\u3089\u305a\u3001iPhone\u3067\u3082\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\u524d\u63d0\u6761\u4ef6<\/h3>\n
\n
webClip(webApp\u30e2\u30fc\u30c9)\u304b\u3092\u5224\u5225\u3059\u308bJavaScript<\/h3>\n
\n\/* \u95a2\u6570\uff1awebapp\u30e2\u30fc\u30c9\u3068\u901a\u5e38Safari\u3092innerHeight\u306e\u9055\u3044\u3067\u5224\u5225\u3059\u308b\u95a2\u6570
\n\u8fd4\u308a\u5024\uff1a webapp\u30e2\u30fc\u30c9(webclip)\u6642: true, \u901a\u5e38Safari\u6642\uff1a false<\/p>\n
\n\u25ef\u7e26\u5411\u304d
\n\u30fbwebapp\u30e2\u30fc\u30c9: w768, h1024
\n\u30fb\u901a\u5e38Safari: w1024 h946
\n\u25ef\u6a2a\u5411\u304d
\n\u30fbwebapp\u30e2\u30fc\u30c9: w1024, h768
\n\u30fb\u901a\u5e38Safari: w1024 h690
\n*\/
\nfunction webclipedCheck() {
\n\tvar iW = window.innerWidth;
\n\tvar iH = window.innerHeight;
\n\tif( iW < iH ) { \/\/\u7e26\u5411\u304d\u6642
\n\t\tif(iH >= 1024 ){ \/\/webApp\u30e2\u30fc\u30c9
\n\t\t\treturn true;
\n\t\t} else { \/\/\u901a\u5e38\u306eSafari
\n\t\t\treturn false;
\n\t\t}
\n\t} else { \/\/\u6a2a\u5411\u304d\u6642
\n\t\tif(iH >= 768 ){
\n\t\t\treturn true;
\n\t\t} else {
\n\t\t\treturn false;
\n\t\t}
\n\t}
\n}<\/p>\n
\n\talert(‘webclip\u3067\u3059’);
\n} else {
\n\talert(‘\u901a\u5e38Safari\u3067\u3059’);
\n}
\n[\/javascript]
\n
\n\u6a2a\u5411\u304d\u304b\u7e26\u5411\u304d\u304b\u3082\u5224\u65ad\u3057\u3066\u3044\u307e\u3059\u3002
\n\u3082\u3063\u3068\u30b9\u30de\u30fc\u30c8\u306a\u5224\u5225\u65b9\u6cd5\u304c\u3042\u3063\u305f\u3089\u3044\u3044\u306e\u306b\u306a\u2026
\n\u3069\u306a\u305f\u304b\u3054\u5b58\u77e5\u3060\u3063\u305f\u3089\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002
\n<\/del>
\n\u53c2\u8003\u30b5\u30a4\u30c8\uff09<\/p>\n\n