还是惯例，看个demo，这次这个不是我弄的，是一位大神弄的选项卡demo

See the Pen Simple Card Carousel by Andy Tran (@andytran) on CodePen.

• 创建测试用文件 debug_test.c
• 编译文件，生成source map
• 在浏览器中打开网页

       回归正文，今天中文，阅读吴同学向我推荐的一篇blog时，看见了调试的事。

       emscripten调试代码非常简单，下面就是简单步骤。

创建测试用文件 debug_test.c

       创建debug_test.c文件，文件内容我写了如下(请别吐槽低端，就是用来测试一下调试器)

#include <stdio.h>
int main(int argc, char const *argv[])
{
	int a;
	int b = 2;
	int c;
	printf("hello world\n");
	printf("hello world2\n");

	a = 4;
	c = a+b;
	printf("%d\n", c);

	b++;
	printf("%d\n", b);

	return 0;
}

编译文件，生成source map

       运行如下命令，编译debug_test.c，并生成调试用的source map

emcc debug_test.c -o debug_test.html -g4

其中，-g4的作用就是生成source map。浏览器调试时source map非常有用，比如调试压缩后的JavaScript代码，调试typescript、coffeescript、livescript等编译生成js的代码，调试less和sass代码

在浏览器中打开网页

       请注意:在chrome浏览器中调试source map的话，需要启动server

       然后就可以和在浏览器中调试JavaScript一样调试emscripten了。而且右侧还可以监视变量，只不过所有局部变量名前面都多了一个$