feat (core): 增加打开调试器功能

Author: qianmoQ

src-tauri/src/setup/menu.rs

@@ -12,8 +12,11 @@ pub fn create_menu(app: &AppHandle) -> tauri::Result<Menu<tauri::Wry>> {
     // 编辑菜单
     let edit_submenu = menus::edit::create_edit_submenu(app)?;
 
+    // 开发者菜单
+    let developer_submenu = menus::developer::create_developer_submenu(app)?;
+
     let menu = MenuBuilder::new(app)
-        .items(&[&app_submenu, &edit_submenu])
+        .items(&[&app_submenu, &edit_submenu, &developer_submenu])
         .build()?;
 
     Ok(menu)
@@ -23,5 +26,6 @@ pub fn setup_menu_handler(app: &AppHandle) {
     app.on_menu_event(move |app, event| {
         menus::app::handle_app_menu_event(app, event.id().as_ref());
         menus::edit::handle_edit_menu_event(app, event.id().as_ref());
+        menus::developer::handle_developer_menu_event(app, event.id().as_ref());
     });
 }

src-tauri/src/setup/menus/developer.rs

@@ -0,0 +1,29 @@
+use log::info;
+use tauri::{
+    AppHandle, Manager,
+    menu::{MenuItemBuilder, Submenu, SubmenuBuilder},
+};
+
+pub fn create_developer_submenu(app: &AppHandle) -> tauri::Result<Submenu<tauri::Wry>> {
+    let devtools_item = MenuItemBuilder::new("打开调试器")
+        .id("open-devtools")
+        .build(app)?;
+
+    let developer_submenu = SubmenuBuilder::new(app, "开发者模式")
+        .item(&devtools_item)
+        .build()?;
+
+    Ok(developer_submenu)
+}
+
+pub fn handle_developer_menu_event(app: &AppHandle, event_id: &str) {
+    match event_id {
+        "open-devtools" => {
+            info!("开发者 -> 打开调试器");
+            if let Some(window) = app.get_webview_window("main") {
+                let _ = window.open_devtools();
+            }
+        }
+        _ => {}
+    }
+}

src-tauri/src/setup/menus/mod.rs

@@ -1,2 +1,3 @@
 pub mod app;
 pub mod edit;
+pub mod developer;

src/App.vue

@@ -416,7 +416,7 @@ const handleExecutionError = (event: any) => {
 }
 
 // 禁用右键菜单
-// window.addEventListener('contextmenu', (e) => e.preventDefault(), false)
+window.addEventListener('contextmenu', (e) => e.preventDefault(), false)
 
 onMounted(async () => {
   await getSupportedLanguages()