zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    mysql慢查询
    linux查找文件
    ss安装教程
    node_module删除
    api的错误代码设计
    es6的Promise
    vue后台项目
    vue的main.js
    vue的过渡效果
    【Linux网络基础】网络拓扑、OSI层次模型、TCP/IP协议簇
  • 原文地址:https://www.cnblogs.com/w2011/p/8467945.html
Copyright © 2011-2022 走看看