# Devtools Desktop App Plugin
Connect with the CrabNebula DevTools Desktop application and embed the devtools view in your application.
This plugin extends the [DevTools for Tauri](https://crates.io/crates/tauri-plugin-devtools) plugin
by easily interfacing with the DevTools Desktop app, allowing you to directly open the DevTools user interface
either as a embedded view or in a standalone window.
## Getting Started
Ensure you have [Tauri](https://tauri.app/v1/guides/getting-started/setup/) set up correctly. Then install the Rust instrumentation from crates.io:
```sh
cargo add tauri-plugin-devtools
cargo add tauri-plugin-devtools-app
```
Then add the following snippet to your tauri initialization code:
```rust
fn main() {
#[cfg(debug_assertions)] // only enable instrumentation in development builds
let (devtools, devtools_app) = (tauri_plugin_devtools::init(), tauri_plugin_devtools_app::init());
let builder = tauri::Builder::default();
#[cfg(debug_assertions)]
let builder = builder.plugin(devtools).plugin(devtools_app);
builder
.run(tauri::generate_context!("./tauri.conf.json"))
.expect("error while running tauri application");
}
```
And then run your app as usual, if everything is set up correctly you will be able to right-click on the window and select the "Open DevTools" menu or use the "Ctrl + Shift + M" (Linux and Windows) or "Cmd + Shift + M" (macOS) shortcuts.
## Context Menu
This plugin changes the default webview context menu to include its own entry for opening the devtools webview. By default the `Inspector` item is only enabled on debug builds. To also enable this for release applications, enable the `context-menu-inspector` feature flag, which also enables the Web inspector (`tauri/devtools` feature flag) for your application:
```toml
tauri-plugin-devtools-app = { version = "2.0.0-rc", features = ["context-menu-inspector"] }
```