企业官网建设流程全解析

浏览器首页每天都会打开很多次，但大多数时候，它只是一个搜索框或网址导航。

我想让这块高频空间承担一点真正有用的工作，于是做了 **WyanDesk**：一个可以放置常用网站、待办、日程和轻量组件的浏览器桌面。

最近完成的一次更新里，我重新整理了页面布局和手机端，并加入了 WyanHub 助手。相比继续增加按钮，这次更想解决三个问题：数据放在哪里、用户不会操作时怎么办，以及手机上是否真的好用。

## 一、本地优先，不登录也能使用

WyanDesk 的快捷网站、待办、便签和设置默认保存在当前浏览器中。第一次打开不需要注册账号，也不会因为没有后端服务而失去基础功能。

只有确实需要跨设备使用时，用户才需要登录并选择云同步；也可以通过导出备份迁移自己的桌面数据。

这种设计会增加一些数据兼容和迁移工作，但对个人桌面工具来说，我更希望用户先获得一个可以直接使用的页面，再决定是否把数据交给云端。

## 二、AI 不只是聊天，还能回答“这个网站怎么用”

很多产品的功能并不难，难的是用户不知道入口在哪里，也不知道下一步应该点击什么。

WyanDesk 的 AI 助手内置了 WyanHub 产品知识库，可以回答这类具体问题：

- 表单创建后怎样发布？
- 活动报名的数据去哪里查看？
- 想合并 PDF，应该打开哪个工具？
- 怎样把浏览器书签导入桌面？

助手会给出操作步骤，并尽量把用户带到正确的功能入口。与普通对话相比，我认为这种围绕真实产品建立的小型知识库，更容易在日常使用中产生价值。

同时，我给 AI 设置了明确的数据边界：它只接收用户主动输入的问题，不会读取桌面里的待办、便签、日程或本机剪贴板。问题和回答也不会写进 WyanDesk 的业务数据库。

## 三、手机端不是桌面页面的等比例缩小

桌面端适合同时看到更多信息，手机端更适合快速完成一件事。因此移动端重新安排了内容顺序，优先展示：

- 今天需要处理的事情
- 快速记录入口
- 经常打开的网站

AI 助手在手机上使用全屏面板，避免输入框和回答区域挤在狭窄的侧栏里。WyanDesk 也支持 PWA，可以添加到手机主屏幕；已经缓存的基础桌面在离线时仍可打开。

# 技术实现

当前前端主要使用：

- React + TypeScript
- Vite 构建
- LocalStorage 保存本机桌面数据
- Service Worker 提供 PWA 与基础离线能力
- 响应式布局适配电脑和手机

项目同时提供网页版本、PWA 和 Chrome / Edge 新标签页扩展。扩展默认只申请必要权限，只有在用户主动迁移书签或保存窗口时才申请对应的可选权限。

## 写在最后

WyanDesk 目前已经可以免费使用，也保持开源。它并不是要替代专业的任务管理或日历产品，而是想把每天都会经过的浏览器首页，变成一个安静、可以长期使用的工作入口。

- 在线体验：https://desk.wyanhub.com/
- GitHub：https://github.com/lxshwyan/WyanDesk
- Gitee：https://gitee.com/lxsh_wyan/WyanDesk