Skip to content

v3.7.2 — UI 安全加固 + 可访问性 + 交互体验

Choose a tag to compare

View all tags
@Smith-106 Smith-106 released this 20 Jun 11:01
· 86 commits to main since this release
v3.7.2
2615a3b

v3.7.2 — UI 安全加固 + 可访问性 + 交互体验

通过 UI Odyssey 全维度审查修复 10 项 Critical、29 项 High 发现。

🔒 安全修复

  • XSS 防御: showStatus 两处 innerHTML 注入加 Utils.escapeHtml()
  • XSS 防御: Obsidian 测试状态 innerHTML 加 escapeHtml
  • 防重入: 导出按钮加 disabled 防止并发操作
  • 除零防护: showProgress 总数 0 时避免 NaN
  • 定时器冲突: clearTimeout 旧定时器防止新消息被提前清除
  • DOM 爆炸: 导出报告失败项截断 20 条 + 错误文本 120 字符

♿ 可访问性

  • 6 个折叠区域加 aria-expanded / aria-controls / role="button" / tabindex="0" + Enter/Space 键盘支持
  • Tab 面板加 role="tablist" / role="tab" / role="tabpanel" + aria-selected
  • popup 状态点加 aria-label，链接加 rel="noopener noreferrer"
  • prefers-reduced-motion 扩展覆盖所有动画元素

✨ 交互体验

  • 所有按钮变体加 :hover / :active / :disabled + transition
  • .ldb-toggle-section 加交互状态 + cursor: pointer
  • .ldb-chat-chip / .ldb-notion-float-btn 加 :active 按下反馈
  • 进度条加 transition: width 0.3s ease 动画
  • @keyframes ldb-spin + .ldb-spin 修复加载旋转

📐 响应式 + 设计 Token

  • 三面板加 max-width: calc(100vw - 32px) 防窄屏溢出
  • 新增 --ldb-ui-badge-teal / --ldb-ui-badge-blue CSS 变量
  • 新增 .ldb-text-success / .ldb-text-danger / .ldb-text-info / .ldb-text-muted 工具类
  • 16+ 处硬编码颜色替换为 CSS 变量引用
  • 27 处重复 class="" 属性合并

📦 安装方式

  • 油猴脚本: 下载 LinuxDo-Bookmarks-to-Notion.user.js，在 Tampermonkey 中安装
  • Chrome 扩展: 下载 ld-notion-extension-v3.7.2.zip，解压后在 chrome://extensions/ 加载

Full Changelog: v3.7.1...v3.7.2

Assets 5
Loading