编辑器状态条若显示「保存中…」或「未保存」,说明本地修改尚未落库;字体渲染不正常通常是字体文件未下载完;操作卡顿与当前页面元素数量和浏览器负载相关。以下按三类现象分别排查。
一、保存很慢 / 状态一直显示「未保存」
现象
- 工具栏状态条长时间显示「未保存」或「保存中…」。
- 手动点击「保存」按钮或按 Ctrl+S(Mac:Cmd+S)后,转圈超过数秒未完成。
可能原因
- 网络波动:自动保存通过 HTTP 请求发送到后端,网络抖动会导致请求耗时增加甚至失败。
- 自动保存防抖延迟:编辑器在停止编辑后才触发保存(V2 编辑器防抖窗口为 30 秒),持续编辑时状态显示「未保存」属正常——最晚在距本批首次修改 30 秒内必定发送一次保存请求。
- 并发阻断:一次保存请求正在飞行中时,新的保存会等待上一次完成后再发出,状态栏持续显示「保存中…」是正常保护行为。
- 登录态失效:token 过期会触发自动刷新并重试,极少数情况下重试仍失败会弹出错误提示。
检查步骤
- 查看浏览器右下角或状态栏是否有红色错误提示「网络连接失败」——有则为网络问题。
- 打开浏览器开发者工具(F12) → Network 面板,过滤
auto-save,观察请求状态码:200:保存成功,若状态条仍显示「未保存」可刷新页面。401:登录态失效,刷新页面重新登录。5xx:服务端错误,稍后重试。- 请求长时间
pending:网络或服务器响应慢。
- 确认自己仍处于登录状态(Dashboard 页面能正常加载)。
解决方案
- 手动强制保存:按 Ctrl+S(Mac:Cmd+S)立即触发保存,无需等待自动保存防抖。
- 网络问题:切换到更稳定的网络环境,或等网络恢复后再操作。
- 刷新页面:刷新前确认最近的修改已保存(状态条显示「已保存」),刷新后编辑器会重新从服务端加载。
- 持续无法保存:记录错误截图(含 Network 面板),联系翻页宝支持。
二、字体加载不出来 / 显示方块或乱码
现象
- 文字元素显示方块(□□□)或被替换为其他字体,不是设置的那个字体。
- 切换字体后预览不变,或预览区仍显示默认字体。
- 右侧属性面板字体选择器中字体名称正常,但画布上渲染错误。
可能原因
- 字体文件下载受阻:翻页宝内置字体通过
fonts.font.im镜像服务下载。该服务在某些企业网络、VPN 或特殊网络环境下可能被屏蔽或超慢。每个字体最多等待 8 秒,超时后使用系统后备字体。 - 自定义字体访问链接过期:上传的自定义字体使用临时授权链接(有效期约 55 分钟),长时间打开同一页面后链接失效,字体需重新加载。
- 网络缓存不一致:浏览器内存中字体已加载,但实际文件损坏,强制刷新可修复。
检查步骤
- 打开浏览器开发者工具(F12) → Network 面板,过滤
font.im或.woff,观察字体请求是否有failed或blocked状态。 - 如是自定义字体:查看 Network 中字体请求是否返回
403(链接过期),刷新页面可重新获取链接。 - 确认字体仅影响编辑器展示还是同时影响阅读器——如阅读器也有问题,参见「发布后字体显示异常」排查。
解决方案
- 刷新页面:大多数字体加载问题通过刷新页面解决。编辑器会在打开时重新按需加载当前作品所用的字体。
- 改用系统字体或其他内置字体:若特定字体持续无法加载,可临时换用翻页宝其他内置字体(如「Noto Sans SC」「Noto Serif SC」)。
- 检查网络环境:若在企业内网、使用 VPN 或特殊代理,可能需要将
fonts.font.im加入访问白名单,或切换至移动热点测试。 - 自定义字体:若上传的自定义字体无法加载,前往「字体管理」重新确认文件格式是否为 TTF、OTF 或 WOFF/WOFF2,损坏的字体文件需重新上传。
三、编辑器打开很卡 / 操作响应慢
现象
- 拖拽元素时画面明显滞后,帧率很低。
- 单页元素数量较多(如包含数十个图片、文字、特效元素)时尤为明显。
- 浏览器 CPU/内存占用高,系统风扇转速明显。
可能原因
- 当前页面元素过多:翻页宝编辑器在单页元素数量较多时,渲染负担增加,操作响应会变慢。
- 浏览器标签占用资源:同时开启多个网页标签,占用内存和 CPU,影响编辑器性能。
- 流畅模式未启用:V1 编辑器支持流畅模式(auto/on/off 三档),元素数量较多时流畅模式会简化部分阴影渲染来提升帧率。
检查步骤
- 观察状态栏底部是否提示「流畅模式」已自动开启(V1 编辑器,当前页元素数量 ≥ 50 时自动激活)。
- 关闭不必要的浏览器标签和后台程序,腾出系统内存。
- 打开浏览器任务管理器(Chrome:Shift+Esc),确认翻页宝编辑器标签的内存和 CPU 占用情况。
解决方案
- 减少单页元素数量:将内容分散到多个页面,避免单页堆积过多元素。
- 合并或替换静态图层:把多个装饰图形合并为一张背景图片,可显著减少元素渲染数量。
- 关闭其他标签:释放浏览器内存,有助于改善编辑器渲染流畅度。
- 使用流畅模式(V1 编辑器):工具栏「更多」菜单中可手动切换流畅模式为「开」,强制启用简化渲染,降低 CPU 负担。
