本文主要参考:webassembly下C++调试

一、安装扩展程序

如果有条件的:DevTools下载

使用第三方Chrome扩展插件搜索下载网站地址 ,搜索DWARF下载。

二、使用扩展程序

解压安装包后,直接将crx文件拖入到web浏览器上,如果报‘CRX_HEADER_INVALID’错误,修改crx后缀为.zip,解压后点击web更多工具->扩展程序

然后打开开发者模式->加载已解压的扩展程序->选择刚解压的路径

三、编译添加调试信息

emcc hello.c -o hello.html -g -fdebug-compilation-dir=.

-g表示添加调试

-fdebug-compilation-dir 表示指定源码目录。指定失败

四、开启调试

chrome上按F12,设置如下

然后重新加载DevTools

之后就可以在源代码->fille://下找到你的源码进行调试了