You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何修改Tauri应用在Dock上的悬停文本?

如何修改Tauri应用在Dock上的悬停文本?

嘿,我懂你想把Dock上的悬停文本改成自定义的「Pepper」的需求!看了你的tauri.conf.json,其实你已经把productName设成了Pepper,但可能还差几步配置或者需要用API来确保生效,我给你两种靠谱的解决办法:

方法一:通过配置文件永久设置

Dock的悬停文本通常会读取应用的显示名称,你可以在bundle配置里添加平台特定的显示名称设置,确保系统能正确识别:

修改你的tauri.conf.json,在bundle节点下添加对应平台的配置(以下以macOS为例,Windows对应windows,Linux对应linux):

{
  "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
  "productName": "Pepper",
  "version": "0.1.0",
  "identifier": "com.tauri.dev",
  "build": {
    "frontendDist": "../out",
    "devUrl": "http://localhost:3000",
    "beforeDevCommand": "npm run dev",
    "beforeBuildCommand": "npm run build"
  },
  "app": {
    "windows": [
      {
        "title": "Pepper",
        "width": 800,
        "height": 600,
        "resizable": true,
        "fullscreen": false
      }
    ],
    "security": {
      "csp": null
    }
  },
  "bundle": {
    "active": true,
    "targets": "all",
    "icon": [
      "icons/32x32.png",
      "icons/128x128.png",
      "icons/128x128@2x.png",
      "icons/icon.icns",
      "icons/icon.ico"
    ],
    "macOS": {
      "displayName": "Pepper"
    }
  }
}

修改完之后,一定要重新构建你的应用(比如运行npm run tauri build),因为配置的变更需要重新打包才能生效。

方法二:用Tauri API动态设置

如果你需要在应用运行时修改这个文本(比如根据场景切换),可以用Tauri提供的API来实现:

前端JavaScript/TypeScript写法

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

// 在合适的时机调用,比如应用初始化时
async function setDockHoverText() {
  await app.setName('Pepper');
}

setDockHoverText();

Rust后端写法

use tauri::{AppHandle, Result};

fn set_app_name(app_handle: &AppHandle) -> Result<()> {
  app_handle.set_app_name("Pepper")?;
  Ok(())
}

// 在应用setup或者某个命令里调用这个函数

这个方法会直接修改应用的显示名称,Dock的悬停文本也会跟着更新,不需要重新打包。

另外提醒一下:如果之前已经打包过应用,可能需要清理一下旧的构建缓存,避免配置没生效哦~

内容来源于stack exchange

火山引擎 最新活动