微信小程序之兼容

最新推荐文章于 2024-07-11 10:24:19 发布

光速度的进程

最新推荐文章于 2024-07-11 10:24:19 发布

阅读量1.6k

点赞数 4

分类专栏：微信小程序客户端文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/wkj_h/article/details/131508291

版权

客户端同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

微信小程序

2 篇文章 0 订阅

订阅专栏

文章介绍了在微信开发者工具中能正常运行的ArrayBuffer到字符串以及字符串到ArrayBuffer的转换方法，但在真机环境中由于TextDecoder和TextEncoder未定义导致的问题。提供了一种简单的兼容性解决方案，即定义TextDecoder和TextEncoder函数，实现decode和encode方法，以确保在微信小程序中能够正常工作。

摘要由CSDN通过智能技术生成

ArrayBuffer转换字符串

const ab2Str = function(arrayBuffer:ArrayBuffer):string{
	const textDecoder = new TextDecoder();
    const data = textDecoder.decode(arrayBuffer);
    return data;
}

TextDecoder方法在微信开发者工具中是可以正常运行的，但是在真机中，报错：TextDecoder没有定义
最简单兼容做法：定义TextDecoder函数，实现decode方法，并支持中文

(function (global) {
    /**
     * 兼容TextDecoder
     */
    if (typeof global.TextDecoder !== 'function') {
        function _TextDecoder() {}
        _TextDecoder.prototype.decode = function (arrayBuffer) {
            // @ts-ignore
            return decodeURIComponent(escape(String.fromCharCode.apply(null, new Uint8Array(arrayBuffer))));
        };
        // @ts-ignore
        global.TextDecoder = _TextDecoder;
    }
})(this || window || globalThis);

字符串转换ArrayBuffer

const str2Ab = function(str:string):ArrayBuffer{
	const textEncoder = new TextEncoder();
    const data = textEncoder.encode(str);
    return data;
}

TextEncoder方法在微信开发者工具中是可以正常运行的，但是在真机中，报错：TextEncoder没有定义
最简单兼容做法：定义TextEncoder函数，实现encode方法

(function (global) {
    /**
     * 兼容TextEncoder
     */
    if (typeof global.TextEncoder !== 'function') {
        function _TextEncoder() {}
        _TextEncoder.prototype.encode = function (str) {
            var data = unescape(encodeURIComponent(str))
                .split('')
                .map(val => val.charCodeAt(0));
            return typeof Uint8Array == 'function' ? new Uint8Array(data) : data;
        };
        // @ts-ignore
        global.TextEncoder = _TextEncoder;
    }
})(this || window || globalThis);