目录

基础
高级应用
  • 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>

xBIM WeXplorer xViewer 浏览器检查的更多相关文章

  1. xBIM WeXplorer xViewer 基本应用

    目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xV ...

  2. xBIM WeXplorer xViewer的导航，相机、剖切、隐藏 等操作

    目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xV ...

  3. xBIM WeXplorer

    目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xV ...

  4. xBIM WeXplorer 设置模型颜色

    目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xV ...

  5. xBIM 基础10 WeXplorer 浏览器检查

    系列目录    [已更新最新开发文章,点击查看详细]  在上一篇 <xBIM基础 09 WeXplorer 基本应用> 已经提到,查看器不会在所有浏览器的所有设备上运行.为了操作效率和简单 ...

  6. xBIM 基础12 WeXplorer xViewer的导航、相机、剖切、隐藏等操作

    系列目录    [已更新最新开发文章,点击查看详细]  本篇将学习xViewer的导航,剪切和隐藏.这应该足以使用户能够通过所有缩放,平移,轨道运行和隐藏可能的障碍物来检查建筑物内部.点击这里可以看到 ...

  7. JavaScript——浏览器检查

    遍历opera中的所有方法

  8. xBIM 学习与应用系列目录

        xBIM 实战04 在WinForm窗体中实现IFC模型的加载与浏览   xBIM 实战03 使用WPF技术实现IFC模型的加载与浏览   xBIM 实战02 在浏览器中加载IFC模型文件并设 ...

  9. 《如何使用Javascript判断浏览器终端设备》

    WEB开发中如何通过Javascript来判断终端为PC.IOS(iphone).Android呢? 可以通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. va ...

随机推荐

  1. SDP（2）：ScalikeJDBC-Connection Pool Configuration

    scalikeJDBC可以通过配置文件来设置连接池及全局系统参数.对配置文件的解析是通过TypesafeConfig工具库实现的.默认加载classpath下的application.conf,app ...

  2. IOS成长之路-用NSXMLParser实现XML解析

    再次对xml进行解析,又有了些理解,如果有不对的地方,请给小弟指出,谢谢! <?xml version="1.0" encoding="UTF-8"?&g ...

  3. 新装Centos7.2 配置防火墙

    1.安装 yum -y install firewalld2.开机启动 systemctl enable firewalld3.设置防火墙规则 systemctl restart firewalld ...

  4. python_如何创建可管理的对象属性

    案例: 在面向对象编程中,我们把方法作为对象的接口,自己访问对象的属性可能是不安全的,或设计上不灵活,但是使用调用方法在形式上不如访问属性简洁 繁: circle.getRadius() circle ...

  5. Python--socketserve源码分析(一)

    class ThreadingTCPServer(ThreadingMixIn, TCPServer): pass 实现原理: s =socketserver.ThreadingTCPServer(参 ...

  6. Java与C／C++的区别

        首先应该清楚,Java是由C++发展而来的,它保留了c++的大部分内容,类似于c++,但句法更清晰,规模更小,更易学.它是在对多种程序设计语言进行了深入细致研究的基础上,据弃了其他语言的不足之 ...

  7. JDBC （三）

    1 数据库连接池的原理 应用程序直接获取Connection的缺点: 缺点:用户每次请求都需要向数据库获取连接,而数据库创建连接通常需要消耗相对较大的资源,创建的时间较长.如果一个网站一天访问量是10 ...

  8. java IO(五)：字节流、字符流的选择规律

    */ .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #333; background: #f8f8f8; } .hl ...

  9. IE下常见的js兼容问题

    1.IE下不支持console.log() 2.IE下不支持addEventListener() 解决办法:用IE相应的attachEvent() 3.IE下请求后台接口会有缓存 解决方案,接口加版本 ...

  10. CSS 自动隐藏文字并添加省略号

    .cut { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -icab ...