開発者ツールをプログラムから開く

デバッグモードでの実行中に、プログラムから開発者ツール (DevTools) を開く方法を解説します。
エラー発生時や特定のデバッグコマンド実行時に自動でパネルを表示させることができます。

Rust 側からの制御

WebviewWindow に対して操作します。

// src-tauri/src/lib.rs
use tauri::Manager;

#[tauri::command]
fn open_devtools(window: tauri::WebviewWindow) {
    #[cfg(debug_assertions)] // デバッグビルドのみ許可
    {
        window.open_devtools();
        // 閉じる場合は window.close_devtools();
    }
}

#[cfg_attr(mobile, tauri::mobile_entry_point)]
pub fn run() {
    tauri::Builder::default()
        .invoke_handler(tauri::generate_handler![open_devtools]) // ハンドラ登録
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

フロントエンドからの呼び出し

上記のコマンドを invoke で呼び出します。

import { invoke } from '@tauri-apps/api/core';

// ボタンクリックなどで呼び出し
invoke('open_devtools');