{"id":713,"date":"2017-03-05T13:27:47","date_gmt":"2017-03-05T05:27:47","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=713"},"modified":"2017-03-05T13:27:47","modified_gmt":"2017-03-05T05:27:47","slug":"js%e5%85%a8%e5%b1%8f%e6%93%8d%e4%bd%9c%e4%b9%8b%e5%88%a4%e6%96%ad%e5%85%a8%e5%b1%8f","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=713","title":{"rendered":"js\u5168\u5c4f\u64cd\u4f5c\u4e4b\u5224\u65ad\u5168\u5c4f"},"content":{"rendered":"<h3 id=\"\u5224\u65ad\u6d4f\u89c8\u5668\u662f\u5426\u652f\u6301requestfullscreen\">\u5224\u65ad\u6d4f\u89c8\u5668\u662f\u5426\u652f\u6301requestFullscreen<\/h3>\n<p>\u9996\u5148\u662f\u4e00\u6bb5\u5224\u65ad\u6d4f\u89c8\u5668\u662f\u5426\u652f\u6301h5\u5168\u5c4fapi\uff08requestFullscreen\uff09\u7684\u4ee3\u7801\uff0c\u5982\u4e0b\uff1a<\/p>\n<pre class=\"brush:js;toolbar:false\">\/**\r\n * [isFullscreenEnabled \u5224\u65ad\u6d4f\u89c8\u5668\u662f\u5426\u652f\u6301h5\u5168\u5c4fapi]\r\n * @return [\u652f\u6301\u8fd4\u56detrue,\u4e0d\u652f\u6301\u8fd4\u56deundefined]\r\n *\/\r\nfunction isFullscreenEnabled(){\r\n    var fullscreenEnabled = document.fullscreenEnabled       ||\r\n                            document.mozFullScreenEnabled    ||\r\n                            document.webkitFullscreenEnabled ||\r\n                            document.msFullscreenEnabled;\r\n    return fullscreenEnabled;\r\n}<\/pre>\n<h3 id=\"\u73b0\u5728\u6765\u533a\u5206\u4e00\u4e0b\u5168\u5c4f\u7684\u4e24\u79cd\u60c5\u51b5\">\u73b0\u5728\u6765\u533a\u5206\u4e00\u4e0b\u5168\u5c4f\u7684\u4e24\u79cd\u60c5\u51b5<\/h3>\n<p><strong>\u7b2c\u4e00\u79cd<\/strong>\uff1a\u5c40\u90e8\u5168\u5c4f\uff0c\u8fd9\u91cc\u5f97\u628a\u4f7f\u7528h5\u5168\u5c4fapi\uff08requestFullscreen\uff09\u548c\u4f7f\u7528\u6d4f\u89c8\u5668\u81ea\u5e26\u7684\u5168\u5c4f\u5feb\u6377\u952eF11\u533a\u5206\u5f00\u6765\uff0c\u5982\u4e0b\u56fe\uff1a<\/p>\n<p>\u56fe1\uff1a\u8fd9\u662f\u672a\u8fdb\u884c\u4efb\u4f55\u5168\u5c4f\u4e0b\u7684\u72b6\u6001\u56fe2\uff1a\u8fd9\u662f\u4f7f\u7528h5\u5168\u5c4fapi\uff08requestFullscreen\uff09\u540e\u7684\u5168\u5c4f<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-714 aligncenter\" src=\"http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131824.png\" alt=\"\" width=\"598\" height=\"301\" srcset=\"http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131824.png 598w, http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131824-300x151.png 300w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/><\/p>\n<p>\u56fe2\uff1a\u8fd9\u662f\u4f7f\u7528h5\u5168\u5c4fapi\uff08requestFullscreen\uff09\u540e\u7684\u5168\u5c4f<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-715\" src=\"http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131901.png\" alt=\"\" width=\"600\" height=\"315\" srcset=\"http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131901.png 600w, http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131901-300x158.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>\u56fe3\uff1a\u8fd9\u662f\u4f7f\u7528\u6d4f\u89c8\u5668\u81ea\u5e26\u7684\u5168\u5c4f\u5feb\u6377\u952eF11\u8fbe\u5230\u7684\u5168\u5c4f<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-716\" src=\"http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131921.png\" alt=\"\" width=\"568\" height=\"287\" srcset=\"http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131921.png 568w, http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131921-300x152.png 300w\" sizes=\"(max-width: 568px) 100vw, 568px\" \/><\/p>\n<p>\u6548\u679c\u663e\u800c\u6613\u89c1\uff0c\u6309F11\u5feb\u6377\u952e\u7684\u5168\u5c4f\u53ea\u662f\u628a\u6d4f\u89c8\u5668\u5730\u5740\u680f\u7ed9\u9690\u85cf\u6389\u4e86\u800c\u5df2\uff0c\u800ch5\u7684\u5168\u5c4fapi\u5c06\u201c\u9700\u8981\u5168\u5c4f\u7684dom\u5143\u7d20\u201d\u7ed9\u5168\u5c4f\u4e86\uff0c\u8fd9\u4e2a\u65f6\u5019\u5c31\u65e0\u9700\u5224\u65adF11\u5feb\u6377\u952e\u7684\u5168\u5c4f\u4e86\uff0c\u53ea\u9700\u5224\u65adh5\u5168\u5c4f\u7684\u5c5e\u6027\uff08fullscreenElement\uff09\u5373\u53ef\uff0c\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<pre class=\"brush:js;toolbar:false\">\/**\r\n * [isFullscreen \u5224\u65ad\u6d4f\u89c8\u5668\u662f\u5426\u5168\u5c4f]\r\n * @return [\u5168\u5c4f\u8fd4\u56detrue,\u4e0d\u5168\u5c4f\u8fd4\u56deundefined]\r\n *\/\r\nfunction isFullscreen(){\r\n    var fullscreenElement = document.fullscreenElement    ||\r\n                            document.msFullscreenElement  ||\r\n                            document.mozFullScreenElement ||\r\n                            document.webkitFullscreenElement;\r\n    return fullscreenElement;\r\n}<\/pre>\n<p><strong>\u7b2c\u4e8c\u79cd<\/strong>\uff1a\u6574\u4e2a\u9875\u9762\u5c31\u4e00\u4e2acanvas\u6807\u7b7e\uff0c\u9875\u9762\u6ca1\u6709\u51fa\u73b0\u6eda\u52a8\u6761\u7684\u5168\u5c4f\uff08\u901a\u5e38\u662f\u5728\u505a\u7f51\u9875\u6e38\u620f\uff09\uff0c\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528h5\u5168\u5c4fapi\uff08requestFullscreen\uff09\u548c\u4f7f\u7528\u6d4f\u89c8\u5668\u81ea\u5e26\u7684\u5168\u5c4f\u5feb\u6377\u952eF11\u8fbe\u5230\u7684\u6548\u679c\u662f\u4e00\u6837\u7684\uff0c\u5982\u4e0b\u56fe\u3002<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-717\" src=\"http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131950.png\" alt=\"\" width=\"599\" height=\"305\" srcset=\"http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131950.png 599w, http:\/\/www.qdabc.cn\/wp-content\/uploads\/2017\/03\/20170305131950-300x153.png 300w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/p>\n<p>\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u5168\u5c4f\u5224\u65ad\u5c31\u5f97\u8003\u8651\u662f\u5426\u662f\u6309\u4e86F11\u952e\u5168\u5c4f\uff0c\u6b64\u65f6\uff0c\u5c31\u4e0d\u80fd\u4f7f\u7528h5\u7684\u5224\u65ad\u5168\u5c4f\u7684\u5c5e\u6027\uff08fullscreenElement\uff09\u53bb\u5224\u65ad\u5168\u5c4f\u4e86\uff0c\u6b64\u5c5e\u6027\u53ea\u5728\u8c03\u7528setFullscreen\u51fd\u6570\u5168\u5c4f\u65f6\u5224\u65ad\u6709\u6548\uff0c\u800c\u5728\u4f7f\u7528\u6d4f\u89c8\u5668\u201cF11\u201d\u5168\u5c4f\u5feb\u6377\u952e\u7684\u65f6\u5019\u65e0\u6548\uff0c\u8fd9\u4e2a\u65f6\u5019\u5f97\u6839\u636e\u6d4f\u89c8\u5668\u53ef\u89c6\u533a\u57df\u4e0e\u7535\u8111\u5c4f\u5e55\u5927\u5c0f\u505a\u6bd4\u8f83\uff0c\u6765\u5224\u65ad\u662f\u5426\u5168\u5c4f\uff0c\u65e0\u8bba\u662fsetFullscreen\u51fd\u6570\u8fd8\u662f\u6309\u201cF11\u201d\u4eb2\u6d4b\u6709\u6548\u3002\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<pre class=\"brush:js;toolbar:false\">function isFullscreen(){\r\n    var explorer = window.navigator.userAgent.toLowerCase();\r\n    if(explorer.indexOf('chrome')&gt;0){\/\/chrome\r\n        if (document.body.scrollHeight == window.screen.height &amp;&amp; document.body.scrollWidth == window.screen.width) {\r\n            alert(\"\u5168\u5c4f\");\r\n        } else {\r\n            alert(\"\u4e0d\u5168\u5c4f\");\r\n        }\r\n    }else{\/\/IE 9+  fireFox\r\n        if (window.outerHeight == screen.height &amp;&amp; window.outerWidth == screen.width) {\r\n            alert(\"\u5168\u5c4f\");\r\n        } else {\r\n            alert(\"\u4e0d\u5168\u5c4f\");\r\n        }\r\n    }\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=713\">js\u5168\u5c4f\u64cd\u4f5c\u4e4b\u5224\u65ad\u5168\u5c4f<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u5224\u65ad\u6d4f\u89c8\u5668\u662f\u5426\u652f\u6301requestFullscreen \u9996\u5148\u662f\u4e00\u6bb5\u5224\u65ad\u6d4f\u89c8\u5668\u662f\u5426\u652f\u6301h5\u5168\u5c4fapi\uff08requestFullscreen\uff09\u7684\u4ee3\u7801\uff0c\u5982\u4e0b\uff1a \/** * [isFullscreenEnable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":84,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/713"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=713"}],"version-history":[{"count":2,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/713\/revisions"}],"predecessor-version":[{"id":719,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/713\/revisions\/719"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/84"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=713"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}