[WASM + Rust] Debug a WebAssembly Module Written in Rust using console.log

最新推荐文章于 2024-09-19 11:57:59 发布

weixin_34405557

最新推荐文章于 2024-09-19 11:57:59 发布

阅读量230

点赞数

文章标签： rust javascript ViewUI

本文介绍如何使用Rust的wasm_bindgen库调用JavaScript的console.log函数，实现从Rust中输出日志信息。通过定义一个Rust风格的println!宏，我们可以在Rust代码中轻松地使用JavaScript的浏览器开发者工具进行调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Having some kind of debugging tool in our belt is extremely useful before writing a lot of code. In this lesson we build a println!()-style syntax using JavaScript’s console.log to be able to log out values in Rust.

n JavaScript, the console log function is the way to log messages to the browser's developer tool console. Using Rust wasm_bindgen , we can import a reference to it.

extern "C" {
    ...
    #[wasm_bindgen(js_namespace = console)]
    fn log(msg: &str);
}

Using the Rust macro, we can provide a inaudible style syntax for console log, logging from Rust.

#[wasm_bindgen]
pub fn run() {
    let val = document.createElement("p");
    log!("The {} is {}", "meaning of life", 42);
    val.set_inner_html("Hello from Rust!!!!!!");
    document.body().append_child(val);
}