xBIM基础 10 WeXplorer 浏览器检查

Posted savionzhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了xBIM基础 10 WeXplorer 浏览器检查相关的知识,希望对你有一定的参考价值。

  在上一篇 《xBIM基础 09 WeXplorer 基本应用》 已经提到,查看器不会在所有浏览器的所有设备上运行。为了操作效率和简单,决定使用最新技术 。浏览器应该满足几个先决条件才能运行查看器。请不要放弃检查浏览器的版本,它可以运行在带有 Chrome 或 Mozilla 的几年前的个人电脑上,并将运行在平板电脑和移动设备上。主要制约因素是关于IE 的,直到 IE11才支持 WebGL。为了开发与用户体验更友好,查看器有一个静态功能来检查它的运行要求。
<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>

检查结果中包含警告列表和错误列表,可以用来向用户报告为什么他的旧的,非标准的浏览器不支持WebGL功能。

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

 

参考:http://docs.xbim.net/XbimWebUI/tutorial-2_Safe_Hello_building.html

2019-06-04

以上是关于xBIM基础 10 WeXplorer 浏览器检查的主要内容,如果未能解决你的问题,请参考以下文章

xBIM WeXplorer

xBIM WeXplorer 设置模型颜色

xBIM WeXplorer xViewer 基本应用

xBIM基础 11 WeXplorer 常用事件

xBIM 基于 WexBIM 文件在 WebGL 浏览和加载

XBIM 基于 WexBIM 文件在 WebGL 浏览和加载