xBIM WeXplorer xViewer 瀏覽器檢查

時間 2019-12-12

原文原文鏈接

在以前的博客xBIM WeXplorer xViewer 基本應用咱們已經提到，WeXplore不能在全部的瀏覽器上運行。爲了方便簡單操做，咱們以爲使用最新技術。瀏覽器應該知足幾個先決條件才能運行查看器。請不要放棄檢查瀏覽器，它能夠在幾年前的電腦上運行Chrome 或者 Mozilla的PC 上運行。而且能夠在平板電腦和移動設備上運行。主要的限制是關於在IE11以前不支持WebGLass的IE。爲了在開發的過程當中方便。查看器具備靜態功能來檢查其要求。javascript

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

其實很簡單的，只要運行這個靜態函數，他會向你報告任何錯誤和警告。（固然如今通常也不會遇到錯誤)。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>

若是檢查瀏覽器不兼容、能夠向用戶提供錯誤報告，以下所示html

<script type="text/javascript">
    var check = xViewer.check();
    if (check.noErrors)
    {
        //start animation, listen to events and do all the funny stuff
    }
    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>