Browser versions supported by online document preview and editing - Intelligent Media Management

This topic describes the browser versions supported by online document preview and editing of Intelligent Media Management (IMM), and shows how to ensure compatibility with earlier browser versions.

Supported browsers

The following table describes the browser versions that support online document preview and editing.

Platform	Supported browser	Version
iOS	Safari, QQ built-in browser, QQ mini program environment, WeChat built-in browser, and WeChat mini program environment	iOS 11+
Android	QQ built-in browser, QQ mini program environment, WeChat built-in browser, and WeChat mini program environment	Android 7+
Windows	Google Chrome and Internet Explorer	Google Chrome 80 or later, and Internet Explorer 11 (full compatibility of editing features not guaranteed)
Mac OSX	Google Chrome and Safari	Chrome 80+

Note

IMM regularly updates its compatibility with the latest versions of mainstream browsers on various platforms.

Compatible with earlier versions

When you use the Promise or async...await syntax of JS-SDK in earlier versions of supported browsers, such as Internet Explorer 11, errors may occur. We recommend that you use Webpack and Babel to compile your project or reference polyfill in your HTML code:

<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>

<! -- Make sure that text/babel is added. Otherwise, the code cannot be compiled. -->
<script type="text/babel">
  // The code. 
</script>

Example:

<!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>Compatible with earlier browser versions</title>
</head>

<body>

  <! -- Reference 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>
  
  <! -- Reference js-sdk -->
  <script src="SDK address"></script>
  
  <! -- Make sure that text/babel is added. Otherwise, the code cannot be compiled. -->
  <script type="text/babel">
    window.onload = function() {
      const instance = aliyun.config({
        url: 'Preview URL',
      });
      const test = async () => {
        await instance.ready();
        console.log('api ready');
      }
      instance.on('fileOpen', function(data) {
        test();
        console.log ('Opened');
      });
    }
  </script>
</body>

</html>