xBIM 基础10 WeXplorer 浏览器检查
xBIM 基础10 WeXplorer 浏览器检查
张传宁IT讲堂
发布于 2019-09-17 17:35:44
发布于 2019-09-17 17:35:44
在上一篇 《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>
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-06-04 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读