使用 web-sys

web-sys 作為依賴項新增到您的 Cargo.toml

[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_variables)]
#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");
}
#}