webassembly添加调试

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

一、安装扩展程序

图片[1] - webassembly添加调试 - MaxSSL

如果有条件的:DevTools下载

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

二、使用扩展程序

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

图片[2] - webassembly添加调试 - MaxSSL

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

图片[3] - webassembly添加调试 - MaxSSL

三、编译添加调试信息

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

-g表示添加调试

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

四、开启调试

chrome上按F12,设置如下

图片[4] - webassembly添加调试 - MaxSSL

图片[5] - webassembly添加调试 - MaxSSL

然后重新加载DevTools

图片[6] - webassembly添加调试 - MaxSSL

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

图片[7] - webassembly添加调试 - MaxSSL

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享