如何兼容文档在线预览和协作编辑支持的浏览器版本和低版本兼容

本文介绍文档在线预览和协作编辑支持的浏览器版本和低版本兼容方法。

支持的浏览器

IMM文档在线预览和协作编辑支持的浏览器和版本如下：

平台	支持浏览器	版本
iOS	Safari、QQ内置浏览器、QQ小程序、微信内置浏览器、微信小程序	iOS 11+
Android	QQ内置浏览器、QQ小程序、微信内置浏览器、微信小程序	Android 7+
Windows	Chrome、IE11	Chrome 80+，IE11（编辑功能不保证完全兼容）
Mac OSX	Chrome、Safari	Chrome 80+

说明

IMM会定期更新适配各平台的主流浏览器最新版本。

低版本兼容

在使用JS-SDK时，如果您在低版本浏览器（例如IE11）中使用Promise、async...await等语法，可能会出现报错。推荐您在项目中使用Webpack+Babel编译或者直接在HTML代码中引用polyfill：

<script src="https://cdn.bootcss.com/babel-core/5.8.35/browser.min.js"></script>
<script src="https://cdn.bootcss.com/babel-core/5.8.35/browser-polyfill.min.js"></script>

<!-- 注意添加text/babel，否则无法编译 -->
<script type="text/babel">
  // 具体代码。
</script>

示例：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>兼容低版本浏览器</title>
</head>

<body>

  <!-- 引用babel -->
  <script src="https://cdn.bootcss.com/babel-core/5.8.35/browser.min.js"></script>
  <script src="https://cdn.bootcss.com/babel-core/5.8.35/browser-polyfill.min.js"></script>
  
  <!-- 引用js-sdk -->
  <script src="sdk 地址"></script>
  
  <!-- 注意添加text/babel，否则无法编译 -->
  <script type="text/babel">
    window.onload = function() {
      const instance = aliyun.config({
        url: '预览地址',
      });
      const test = async () => {
        await instance.ready();
        console.log('api ready');
      }
      instance.on('fileOpen', function(data) {
        test();
        console.log('打开成功');
      });
    }
  </script>
</body>

</html>