栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > C/C++/C#

谷歌浏览器(Chrome)安装WASM调试工具

C/C++/C# 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

谷歌浏览器(Chrome)安装WASM调试工具

一、调试工具

这里主要是介绍C/C++的调试工具,其它类似。工具要求必须是版本号93以上的Chrome,所以如果版本较低的可以升级一下自己的谷歌浏览器。首先打开:
https://chrome.google.com/webstore/detail/cc%20%20-devtools-support-dwa/pdcpmagijalfljmkmjngeonclgbbannbx
会出现下面的界面:

点击右侧的安装按钮即可将开发插件C/C++ DevTools Support (DWARF)安装到谷歌的浏览器中,如果版本低,则右面的按钮会显示“不兼容此版本”,并告诉你最低版本是多少。

二、配置调试

打开谷歌浏览器,F12键进入代码开发者模式,点击“设置”就是那个小齿轮的图标,然后在上面点击“experiments”,并勾选如下图的“WebAssembly debug:Enable DWARF support”选项。

三、引入程序

编译相关程序,注意,必须是Debug模式,也就是说,在gcc中需要-g这个编译选项。先搞一个C程序,最简单的:

#include
int square(int a) {
   return a*a;
}

在前面提到的WASM Exlporer中编译此程序,并下载到本地。
再写一个html文件:

 

   
       
      WebAssembly Test 
       
    
    
       
       

使用Chrome打开此文件,进入开发调试模式即可。
这时可能会出现“Access to fetch at ‘file:///C:/Users/dell/Desktop/test.wasm’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https”,需要处理跨域问题。网上有多种解决方式,选一个熟悉的即可。

四、总结

工欲善其事,必先利其器。磨刀不误砍柴功,还是要好好准备一下环境。不过也不好说啊,国内的环境确实下载个东西难得上天。这是什么样的节奏,莫非以后学习又要成为某些人的专利。

暑期编程PK赛 得CSDN机械键盘等精美礼品!
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1015174.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号