Open WebView Dev Tools on startup

[rx2347]

To debug it'd be very useful to have an option in the tauri.conf.json to open WebView Dev Tools on startup. AFAIK right now this always has to be done by right click and inspect an element, which gets annoying quite quickly if for some reason hot-reloading doesn't do it for you.

[pokecheater]

Sry but that is not the answer to the question. Thats a shortcut not a valid option to tell tauri always to open the devtools on startup.

[FabianLars]

@pokecheater The PR linked above includes an example showing how you can open it on startup: 5832300#diff-cfab6e0634dd785c7949c059698552e4e8f6139ccbcdb29aeb6b4c29d57805b7.

issue 3776 linked below that is indeed something else completely but it can use this same api to fix the shortcut (which is probably why this issue was linked).

[pokecheater]

@FabianLars
thx for your answer. I rly appreciate that you try to help me out. But the link just points to some code your dev team has changed. I do not understand it. It just shows me how awesome your dev team is in order to change code (# no sarcasm I think people who are developing in rust must be somekind of inhuman gods).

So here again: How to open the devtools automatically? This question still persists. Is there now a setting inside the tauri.conf.json or do I can open it with some tauri invoke call or something similar? I still have no idea.

thx in advance.

[FabianLars]

There is no explicit config/setting, only the rust api and i meant to show you the example in the code comment not just the code itself since you'll have to use Rust to make the devtools open at startup.

If you bootstrap a new tauri app your main.rs file will have a small main function that should look like this

// [...]

fn main() {
   tauri::Builder::default()
     .invoke_handler(tauri::generate_handler![greet])
     .run(tauri::generate_context!())
     .expect("error while running tauri application");
}

Then we'll need to adapt it according to the example from above:

// [...]

use tauri::Manager;

fn main() {
   tauri::Builder::default()
     .setup(|app| {
       #[cfg(debug_assertions)]
       app.get_window("main").unwrap().open_devtools(); // `main` is the first window from tauri.conf.json without an explicit label
       Ok(())
     })
     .invoke_handler(tauri::generate_handler![greet])
     .run(tauri::generate_context!())
     .expect("error while running tauri application");
}

( The #[cfg] line makes sure this is not applied in production apps where devtools are disabled anyway )

[yunylz]

tauri::Builder::default()
     .setup(|app| {
       #[cfg(debug_assertions)]
       app.get_window("main").unwrap().open_devtools(); // `main` is the first window from tauri.conf.json without an explicit label
       Ok(())
     })
     .invoke_handler(tauri::generate_handler![greet])
     .run(tauri::generate_context!())
     .expect("error while running tauri application");

For V2:

pub fn run() {
    tauri::Builder::default()
        .setup(|app| {
            #[cfg(debug_assertions)]
            app.get_webview_window("main").unwrap().open_devtools(); 
            Ok(())
        })
        .invoke_handler(tauri::generate_handler![greet])
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

[tobiasweger]

And don't forget to import:

use tauri::Manager;

[askec]

Since I have several windows, this is my main.rs on Windows.

It uses the windows devtools parameter in tauri.conf.json to indicate if the DevTools should open for that window or not.

===Update===
My previous code did not load any plugins. Now, it does. Customize the code for your own plugins.

// Prevents additional console window on Windows in release, DO NOT REMOVE!!
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]

use tauri::Manager;

fn main() {
    let mut builder = tauri::Builder::default()
        .plugin(tauri_plugin_dialog::init())
        .plugin(tauri_plugin_fs::init())
        .plugin(tauri_plugin_process::init())
        .plugin(tauri_plugin_store::Builder::default().build())
        .plugin(tauri_plugin_opener::init())
        .plugin(tauri_plugin_localhost::Builder::new(4000).build());

    #[cfg(not(any(target_os = "android", target_os = "ios")))]
    {
        builder = builder.plugin(tauri_plugin_window_state::Builder::default().build());
    }

    builder
        .setup(|app| {
            #[cfg(debug_assertions)]
            {
                for window_config in &app.config().app.windows {
                    if window_config.devtools.unwrap_or(false) {
                        if let Some(window) = app.get_webview_window(&window_config.label) {
                            window.open_devtools();
                        }
                    }
                }
            }
            Ok(())
        })
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}