c5f4f854bf
- Remove drop-shadow filters on SVG paths on mobile (SignalChart, SummaryCurve) - Hide scan-haze overlay (mix-blend-mode: screen) on mobile - Remove feTurbulence noise filter on mobile (biggest perf win) - Simplify backgrounds and box-shadows on mobile - Remove blur transition on inactive panels - Hide window control buttons (minimize/maximize/close) on mobile - Configure Android release build to sign with debug keystore - Update README with changelog and Android build instructions
86 lines
2.4 KiB
Markdown
86 lines
2.4 KiB
Markdown
# JE-Skin (SvelteKit + Tauri)
|
||
|
||
## 环境要求
|
||
|
||
- Node.js 18+（建议 LTS）
|
||
- Rust stable（`rustup` + `cargo`）
|
||
- Windows 下请确保已安装 WebView2 Runtime 和 MSVC C++ 构建工具
|
||
- Android 构建需要 Android SDK + NDK
|
||
|
||
## 安装依赖
|
||
|
||
```sh
|
||
npm install
|
||
```
|
||
|
||
## 运行方式
|
||
|
||
1. 仅启动前端（Vite）
|
||
|
||
```sh
|
||
npm run dev
|
||
```
|
||
|
||
默认地址是 `http://localhost:5173`。
|
||
|
||
2. 启动 Tauri 桌面应用（前端 + Rust）
|
||
|
||
```sh
|
||
npm run tauri dev
|
||
```
|
||
|
||
## 构建
|
||
|
||
构建前端静态资源：
|
||
|
||
```sh
|
||
npm run build
|
||
```
|
||
|
||
构建 Tauri 桌面安装包：
|
||
|
||
```sh
|
||
npm run tauri build
|
||
```
|
||
|
||
构建 Android APK / AAB：
|
||
|
||
```sh
|
||
npx tauri android build
|
||
```
|
||
|
||
产物路径：
|
||
- APK: `src-tauri/gen/android/app/build/outputs/apk/universal/release/app-universal-release.apk`
|
||
- AAB: `src-tauri/gen/android/app/build/outputs/bundle/universalRelease/app-universal-release.aab`
|
||
|
||
Release APK 默认使用 debug keystore 签名（`src-tauri/gen/android/app/je-skin-debug.keystore`），可直接 `adb install` 到设备。
|
||
|
||
## 代码检查
|
||
|
||
```sh
|
||
npm run check
|
||
```
|
||
|
||
## v0.4.0 修改记录
|
||
|
||
### 移动端性能优化
|
||
|
||
- **SignalChart / SummaryCurve**：在 `@media (max-width: 900px)` 下移除 SVG 路径上的 `filter: drop-shadow()`，避免移动端 GPU 软件回流导致卡顿
|
||
- **SignalChart**：隐藏 `.scan-haze`（`mix-blend-mode: screen` 合成开销大），简化面板 `background` / `box-shadow`
|
||
- **SummaryCurve**：移动端移除 `.summary-line` 和 `.summary-dot` 的 drop-shadow 滤镜
|
||
- **页面级**：移动端隐藏 `.hud-noise`（`feTurbulence` SVG 滤镜是最大性能杀手），降低 `.hud-vignette` 透明度，简化 `.hud-gradient`
|
||
- 移除 inactive 面板的 `filter: blur()` 过渡动画
|
||
- 移除 transition 中的 `filter` 属性，添加 `will-change: d` 优化路径更新
|
||
|
||
### 移动端 UI 调整
|
||
|
||
- **隐藏三大金刚**：`@media (max-width: 900px)` 下隐藏标题栏右侧的最小化/最大化/关闭按钮（Android 系统自带窗口管理）
|
||
|
||
### Android 打包
|
||
|
||
- Release 构建配置使用 debug keystore 签名，输出签名 APK 而非 unsigned
|
||
|
||
## 推荐 IDE 插件
|
||
|
||
[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
|