一、安装调试工具Chrome Devtools

使用Chrome 89+ 版本，点击 https://chrome.google.com/webstore/detail/cc%20%20-devtools-support-dwa/pdcpmagijalfljmkmjngeonclgbbannbx

下载 C/C++ DevTools Support (DWARF)工具。

wasm开发教程可参考：

https://github.com/3dgen/cppwasm-book

https://github.com/wopelo/wasm-emcc

记一次完整 C++ 项目编译成 WebAssembly 的实践 - 知乎 (zhihu.com)

二、启用调试配置

F12开发者模式下点击设置。

在实验性一栏找到WebAssembly Debugging 项目，勾选。

刷新页面。

你的程序需要编译成debug模式下的程序，编译时加入了 -g 参数。

在源代码列找到你本地源代码目录，就可以找到对应的源代码文件，打断点即可。

当使用 WebAssembly 加载w asm 文件使用 webassembly .instantiate或者instance`TypeError:Imports argument must be present and must be a object``Uncaught (in promise) LinkError: Import #0 module="\*\*" function="\*\*" error:function import requires a callable` 使用 webassembly .in w asm 作为Web平台上的新型技术，具有很多优势和应用场景。了解w asm 的基础知识和开发工具，可以帮助开发者更好地掌握w asm 的原理和应用方法，进而快速上手开发w asm 应用。 快 11K Star 的 WebAssembly ，你应该这样学 本文是学习 WebAssembly 系列的第三篇文章，也是想探究一下 Chrome 开发者工具对 WebAssembly 的 调试 支持度如何，通过这个探究的过程，我们会了解到 Chrome 调试 工具各种方面的使用方法以及作用，发掘你可能不知道的一些知识点。 所以本文既可以当做学习使用 Chrome Devtools 调试 从零开始的 WebAssembly ：从 FizzBu​​zz 到 DooM 从后端人员的角度从头开始探索 WebAssembly 。 四幕的故事。 欢迎来到我将探索一些旅程。 我们将从头开始。 我的目标是自下而上地看待一切，在我们的道路上没有太多神奇的工具或框架。 在本文中，我更喜欢尽可能从头开始构建所有内容。 非目标：我们不会实现我们自己的 WebAssembly 解释器或运行时，而是使用现有的，例如， 或 Chrome 和 Firefox 浏览器。 第 1 部分） 第 2 部分） 第 3 部分） 第 4 部分） 演示，从（第 3 部分）通过 GitHub 操作部署到 GitHub 页面。 在玩厄运，从（第 4 部分）通过 GitHub 操作部署到 GitHub 页面。 DWARF is a debug ging file format used by many compilers and debug gers to support source level debug ging. It addresses the requirements of a number of procedural languages, such as C, C++ , and Fortran, and is designed to be extensible to other languages. DWARF is architecture independent and applicable to any processor or operating system. It is widely used on Unix, Linux and other operating systems, as well as in stand-alone environments. 对于一个研发来说，写代码可以在许多编译器上编写，编译器体验感对于写代码来说可以是相当重要，可是更影响程序员体验的是如何 调试 代码，研发 调试 代码经常会用到断点，如果连断点都没有，仅仅靠输出Log信息无疑是让人抓狂的。 emsdk是不提供断点 调试 代码的，2019年gdb研发人员公布可以使用gdb进行 调试 WebAssebmly二进制文件，但是博主亲测目前还没有能够实现 调试 功能。 又有人说，安装一 本套视频教程主要讲的 WebAssembly 安全视频教程，从web发展趋势讲到 WebAssembly 的出现，深入浅出，涉及到的技术内容主要有llvm与W asm 之间的关系， W asm 文件格式，W asm 与c/ c++ 的交互，更深层次的讲了W asm 安全技术，比如逆向分析、动态 调试 、混淆等技术。 WebAssembly 调试 功能 当前，该文档仅列出了动机和要求。 它试图尽可能避免嵌入关于是否通过解析静态格式（la ），通过编程接口（la），这两者的组合或其他方式提供 调试 功能的假设。完全。 并非提出特定的解决方案，而是尝试列举任何解决方案必须满足的要求和约束。 安装 ，然后运行： $ bikeshed spec index.bs index.html C++ 游戏服务器开发常用工具介绍 在软件开发过程中需要使用的工具类型实属众多，从需求建模到软件测试，从代码编译到工程管理，这些工具都对 项目 有着不可替代的作用。庄子有云，“吾生也有涯，而知也无涯，以有涯随无涯，殆已”。代入到 项目 开发中就是说，如果对知识点无差别的全面攻击，不仅会导致所学甚泛却无一深入的尴尬，也会占用太多的有效时间从而影响 项目 进度。作为一个 C++ 游戏服务器开发者来说，我们时刻肩负着线上游戏开发和维护任务，可以优先学习对自己工作最常用且最重要的，解决实际问题最为紧迫。本文对一些常用工具给出 编译以后，查看有没有生成.map文件，如果还没有，加上QMAKE_LFLAGS_ DEBUG += -g4 2.QMAKE_W ASM _SOURCE_MAP_BASE = http://localhost:8000/ Emrun 默认用端口6931. 3. 运行程序 emrun --browser chrome -... （点击上方公众号，可快速关注）作者：周志鹏博客blog.zhouzhipeng.com/ debug - webassembly .html前言 WebAssembly 是什么？下面...