• 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>
     
  • 相关阅读:
    Linux学习
    PHP语法笔记
    iOS二次发育(swift)闭包
    iOS二次发育(swift)类
    iOS二次发育(swift)结构体
    iOS二次发育(swift)枚举
    【NOIP2013模拟联考14】隐藏指令
    【NOIP2012模拟8.9】逐个击破
    NOIP2020.9.19模拟patrick
    NOIP2020.9.19模拟 spongebob
  • 原文地址:https://www.cnblogs.com/SavionZhang/p/10972613.html
Copyright © 2020-2023  润新知