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

原文地址:https://www.cnblogs.com/SavionZhang/p/10972613.html

时间: 2024-11-11 09:45:31

xBIM基础 10 WeXplorer 浏览器检查的相关文章

xBIM基础 11 WeXplorer 常用事件

123 参考:http://docs.xbim.net/XbimWebUI/tutorial-3_Eventful_building.html 2019-06-04 原文地址:https://www.cnblogs.com/SavionZhang/p/10972619.html

xBIM WeXplorer xViewer 浏览器检查

目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xViewer的导航,裁剪和隐藏 xBIM WeXplorer  设置模型颜色 高级应用 xBIM 综合使用案例与 ASP.NET MVC 集成(一) xBIM 综合使用案例与 ASP.NET MVC 集成(二) xBIM 综合使用案例与 ASP.NET MVC 集成(三) 在之前的博客xBIM WeX

【C++基础 10】四种cast转换的区别

简介 (1)c风格的转换 (T)expression; (2)c++风格的四种转换 static_cast<T>(expression); dynamic_cast<T>(expression); reinterpret_cast<T>(expression); const_cast<T>(expression); 1. c风格转换 int a = 1; double d = (double)a;//c风格转换 一般许多书本会建议使用c++提供的四种类型转换

iOS开发UI基础—简单的浏览器查看程序

iOS开发UI基础-简单的浏览器查看程序 一.程序实现要求 1.要求 2. 界面分析 (1) 需要读取或修改属性的控件需要设置属性 序号标签 图片 图片描述 左边按钮 右边按钮 (2) 需要监听响应事件的对象,需要添加监听方法 左边按钮 右边按钮 二.实现基本功能的程序 1 // 2 // YYViewController.m 3 // 03-图片浏览器初步 4 // 5 // Created by apple on 14-5-21. 6 // Copyright (c) 2014年 itcas

Java基础10:全面解读Java异常

Java基础10:全面解读Java异常 为什么要使用异常 首先我们可以明确一点就是异常的处理机制可以确保我们程序的健壮性,提高系统可用率.虽然我们不是特别喜欢看到它,但是我们不能不承认它的地位,作用. 在没有异常机制的时候我们是这样处理的:通过函数的返回值来判断是否发生了异常(这个返回值通常是已经约定好了的),调用该函数的程序负责检查并且分析返回值.虽然可以解决异常问题,但是这样做存在几个缺陷: 1. 容易混淆.如果约定返回值为-11111时表示出现异常,那么当程序最后的计算结果真的为-1111

Java基础10 接口的继承与抽象类(转载)

接口继承 接口继承(inheritance)与类继承很类似,就是以被继承的interface为基础,增添新增的接口方法原型.比如,我们以Cup作为原interface: interface Cup{    void addWater(int w);    void drinkWater(int w);} 我们在继承Cup的基础上,定义一个新的有刻度的杯子的接口,MetricCup 接口如下: interface MetricCup extends Cup{    int WaterContent

J2SE基础:10集合2

2:列表(List) 特点: (1):有序的(插入的顺序有序),元素有索引值. (2):允许重复. set/get/listIterator/subList ArrayList 特点:(1):底层数组方式实现. (2):元素是有序的.(是指添加进去的元素有序,不是指对象之间的顺序) (3):不是线程同步的. (4):由于是用数组实现,查找比较快. 循环: 迭代器 For循环 双向迭代器 LinkedList 特点:(1):底层机制链表方式实现. (2):元素是有序的.(是指添加进去的元素有序,不

Android基础-10

Android基础-10 多媒体编程 图片.音乐.视频等: 多媒体:多种综合: 01_计算机表示图形的形式 .jpg 36.4 KB 255*340像素,位深度24. jpg这种工业图形的压缩算法,类似rar,把人言无法识别的颜色值压缩掉了,会使用相邻空间内的颜色表示同一种颜色.文件体积变小,失真. .png 203 KB 255*340像素,位深度32. png这种工业图形的压缩算法,使用类似map的数据结构来存储图形的数据.图片体积变小,不会失真. .bmp 255 KB 255*340像素

python基础10

python基础10 昨日回顾: def 函数名(): 函数体 return 返回值 所有的函数  只定义不调用就一定不执行 先定义后调用 函数名()  #不接收返回值 返回值 = 函数名()  #接收返回值 #返回值 #没有返回值:默认返回None #不写return :函数内的代码执行完毕自动结束 #只写return :结束一个函数 #return None #返回一个值:结束了函数且返回一个值,可以是任意的值 #返回多个值:多个值之间用逗号隔开,接收的时候可以用一个变量接受(元祖),也可以