HTML5のネットワーク監視、フルスクリーン

1.モニターネットワークの状態

オンラインイベント：ネットワーク接続がトリガされた
ネットワークから切断されたときにトリガー：オフラインイベント
注：ときの状態が変化したネットワークにのみトリガされます

<script>
    // 监听网络连接
    window.addEventListener("online",function(){
        console.log("网络连通了")
    })
    // 监听网络断开
    window.addEventListener("offline",function(){
        console.log("网络断开了")
    })
</script>

この例では、常時接続されていたネットワークは、何もトリガーしません。手動でネットワークケーブル、コンソール印刷「ネットワーク接続」を引くと、オンラインイベントをトリガー説明し、その後、手動でネットワークケーブルを再接続し、「ネットワークが切断され、」コンソールを印刷し、トリガされたオフラインイベントを説明

2.フルスクリーンインタフェース

APIのHTML5は、全画面表示DOM要素もできます。
オン/オフフルスクリーン法：
W3C提案（クロムは、Firefoxがサポート2019年9月29日を有する）：
element.requestFullscreen（）
document.exitFullscreen（）
クローム：
webkitRequestFullScreen（）またはwebkitRequestFullscreen（）
webkitCancelFullScreen（）
のFirefox：
mozRequestFullScreen （）
mozCancelFullScreen（）
IE11（以下IE10とはサポートされていません）：
msRequestFullscreen（）
msExitFullscreen（）
注出口フルスクリーンで文書のみを使用して達成することができます

document.fullscreenEnabledプロパティ：ブラウザがフルスクリーンモードでサポートしているかどうかを示すブール値を返します
（今のところ、グーグル、Firefoxのは、すでに2019年9月29日でサポートされている）W3Cの提案を：
document.fullscreenEnabled
Chromeブラウザ：
document.webkitFullscreenEnabled
Firefoxの：
document.mozFullScreenEnabled
IE11（以下IE10とはサポートされていません）：
document.msFullscreenEnabled

このプロパティは、フルスクリーンモードでの現在のdocument.fullscreenElement DOM要素を返します。
IE11はdocument.msFullscreenElementです

パッケージングは​​、フルスクリーンとフルスクリーン機能出口を入力してください

<script>
    // 封装进入全屏的函数
    function fullScreen(node){
        // 判断浏览器是否支持全屏api
        if(document.fullscreenEnabled || document.msFullscreenEnabled){
            // 兼容IE
            if(node.requestFullscreen){
                // chrome和火狐
                node.requestFullscreen()
            }else if(box.msRequestFullscreen){
                // IE11
                node.msRequestFullscreen()
            }
        }else{
            alert("当前浏览器不支持全屏模式")
        }
    }

    // 封装退出全屏的函数（直接esc键最简单）
    function exitfullScreen(){
        //判断是否已经进入全屏模式
        var fullscreenElement = document.fullscreenElement || document.msFullscreenElement
        if(!fullscreenElement){
            //console.log("不是全屏状态")
            return
        }
        // 如果非全屏状态调用下面的代码会弹警告
        if(document.exitFullscreen){
            document.exitFullscreen()
        }else if(document.msExitFullscreen){
            document.msExitFullscreen()
        }
    }
</script>