演示qt webassembly用法

需要加载自定义字体解决Web下面中文显示问题。目前中文可以显示,但是对输入法支持有问题。

Webassembly功能测试

CLion下测试

# 配置了以下cmake参数
-DCMAKE_PREFIX_PATH=~/Qt/6.2.0/macos/lib/cmake
-DCMAKE_TOOLCHAIN_FILE:PATH=~/Qt/6.2.0/wasm_32/lib/cmake/Qt6/qt.toolchain.cmake
# 或指定以下工具链
-DCMAKE_TOOLCHAIN_FILE:PATH=/opt/emsdk/upstream/emscripten/cmake/Modules/Platform/Emscripten.cmake

启动本机http-server服务

npm i -g http-server   # 安装工具
http-server --cors   # 在生成的wasm文件所在目录执行命令

手动进行brotli压缩

验证生成的wasm文件下载时的大小

npm i -g brotli-cli   # 安装压缩工具
brotli-cli compress qt-wasm.wasm    # 在生成的wasm文件所在目录执行命令