xBIM 基礎10 WeXplorer 瀏覽器檢查

時間 2019-12-07

原文原文鏈接

系列目錄【已更新最新開發文章，點擊查看詳細】

　　在上一篇《xBIM基礎 09 WeXplorer 基本應用》已經提到，查看器不會在全部瀏覽器的全部設備上運行。爲了操做效率和簡單，決定使用最新技術。瀏覽器應該知足幾個先決條件才能運行查看器。請不要放棄檢查瀏覽器的版本，它能夠運行在帶有 Chrome 或 Mozilla 的幾年前的我的電腦上，並將運行在平板電腦和移動設備上。主要制約因素是關於IE 的，直到 IE11才支持 WebGL。爲了開發與用戶體驗更友好，查看器有一個靜態功能來檢查它的運行要求。

<script type="text/javascript">
    var check = xViewer.check();
    if (check.noErrors)
    {
        ...
    }
</script>

只需運行這個靜態函數，它就會報告您的任何錯誤或警告（固然，通常狀況下不會遇到錯誤與警告提示）。javascript

完整的程序以下：css

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hello building!</title>
    <link href="css/layout.css" rel="stylesheet" />
    <script src="js/xbim-viewer.debug.bundle.js"></script>
</head>
<body>
    <div id="content">
        <canvas id="viewer" width="500" height="300"></canvas>
        <script type="text/javascript">
            var check = xViewer.check();
            if (check.noErrors)
            {
                var viewer = new xViewer('viewer');
                viewer.load('data/SampleHouse.wexbim');
                viewer.start();
            }
        </script>
    </div>    
</body>
</html>

檢查結果中包含警告列表和錯誤列表，能夠用來向用戶報告爲何他的舊的，非標準的瀏覽器不支持WebGL功能。html

<script type="text/javascript">
    var check = xViewer.check();
    if (check.noErrors)
    {
        //在此處作事件監聽，業務處理等
    }
    else
    {
        var msg = document.getElementById('msg');
        msg.innerHTML = '';
        for(var i in check.errors)
        {
            var error = check.errors[i];
            msg.innerHTML += "<div style='color: red;'>" + error + "</div>";
        }
    }
</script>