このトピックでは、Intelligent Media Management (IMM) のオンラインドキュメントのプレビューと編集でサポートされているブラウザーバージョンについて説明し、以前のブラウザーバージョンとの互換性を確保する方法を示します。
サポートされているブラウザー
次の表は、オンラインドキュメントのプレビューと編集をサポートするブラウザーバージョンを示しています。
プラットフォーム | サポートされているブラウザー | バージョン |
iOS | Safari、QQ 組み込みブラウザー、QQ ミニプログラム環境、WeChat 組み込みブラウザー、WeChat ミニプログラム環境 | iOS 11+ |
Android | QQ 組み込みブラウザー、QQ ミニプログラム環境、WeChat 組み込みブラウザー、WeChat ミニプログラム環境 | Android 7+ |
Windows | Google Chrome および Internet Explorer | Google Chrome 80 以降、および Internet Explorer 11 (編集機能の完全な互換性は保証されません) |
Mac OSX | Google Chrome および Safari | Chrome 80+ |
説明
IMM は、さまざまなプラットフォームの主要ブラウザーの最新バージョンとの互換性を定期的に更新しています。
以前のバージョンとの互換性
Internet Explorer 11 など、サポートされているブラウザーの以前のバージョンで JS-SDK の 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: 'プレビュー URL',
});
const test = async () => {
await instance.ready();
console.log('api ready'); // apiの準備完了
}
instance.on('fileOpen', function(data) {
test();
console.log ('Opened'); // 開きました
});
}
</script>
</body>
</html>