xBIM WeXplorer xViewer 浏览器检查

目录

    基础
     高级应用
  • xBIM 综合使用案例与 ASP.NET MVC 集成(一)
  • xBIM 综合使用案例与 ASP.NET MVC 集成(二)
  • xBIM 综合使用案例与 ASP.NET MVC 集成(三)

    在之前的博客xBIM WeXplorer xViewer 基本应用 我们已经提到,WeXplore不能在所有的浏览器上运行。为了方便简单操作,我们觉得使用最新技术。浏览器应该满足几个先决条件才能运行查看器。请不要放弃检查浏览器,它可以在几年前的电脑上运行Chrome 或者 Mozilla的PC 上运行。并且可以在平板电脑和移动设备上运行。主要的限制是关于在IE11之前不支持WebGLass的IE。为了在开发的过程中方便。查看器具有静态功能来检查其要求。

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

其实很简单的,只要运行这个静态函数,他会向你报告任何错误和警告。(当然现在一般也不会遇到错误)。

<!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>

如果检查浏览器不兼容、可以向用户提供错误报告,如下所示

<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>

 

posted @ 2018-02-24 23:16  在 水 一 方  阅读(1633)  评论(2编辑  收藏  举报