兼容性

浏览器兼容

在线预览编辑服务兼容浏览器版本如下：

PC 平台	支持浏览器	版本
Windows	Chrome、IE11	Chrome ≥ 80，IE11（仅预览功能，不保证编辑功能完全兼容）
Mac OSX	Chrome、Safari	Chrome ≥ 80

移动设备	支持浏览器	版本
iOS	Safari，QQ 内置浏览器，QQ 小程序，微信内置浏览器，微信小程序	iOS ≥ 11
Android	QQ 内置浏览器，QQ 小程序，微信内置浏览器，微信小程序	Android ≥ 7

浏览器低版本兼容

值得注意的是，在你使用 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="skd 地址"></script>

    <!-- 注意添加 text/babel，否则无法编译 -->
    <script type="text/babel">
      window.onload = function () {
        const jssdk = WebOfficeSDK.config({
          url: 'web office 预览地址'
        })
        const test = async () => {
          await jssdk.ready()
          console.log('api ready')
        }
        jssdk.on('fileOpen', function (data) {
          test()
          console.log('打开成功')
        })
      }
    </script>
  </body>
</html>

兼容性 #

浏览器兼容 #

浏览器低版本兼容 #

兼容性

浏览器兼容

浏览器低版本兼容