使用 web-sys

Cargo.toml 中添加 web-sys 作为依赖项

[dependencies]
wasm-bindgen = "0.2"

[dependencies.web-sys]
version = "0.3"
features = [
]

为正在使用的 API 启用 cargo 特性

为了保持构建速度超快,web-sys 将每个 Web 接口置于 cargo 特性之后。在 API 文档 中找到要使用的类型或方法;它将列出必须启用的特性才能访问该 API。

例如,如果我们正在寻找 window.resizeTo 函数,我们会 在 API 文档中搜索 resizeTo。我们会找到 web_sys::Window::resize_to 函数,它需要 Window 特性。要访问该函数,我们在 Cargo.toml 中启用 Window 特性

[dependencies.web-sys]
version = "0.3"
features = [
  "Window"
]

调用该方法!

#![allow(unused)]
fn main() {
use wasm_bindgen::prelude::*;
use web_sys::Window;

#[wasm_bindgen]
pub fn make_the_window_small() {
    // Resize the window to 500px by 500px.
    let window = web_sys::window().unwrap();
    window.resize_to(500, 500)
        .expect("could not resize the window");
}
}