鲸选插件 · 前端 Demo 索引

在浏览器中直接打开 HTML 预览与调整 UI,确认后再同步到插件源码。 推荐用 Live Server 或双击打开(路径需在仓库内,以便 CSS 相对引用生效)。

本地预览(HTTP 服务)

推荐入口:http://127.0.0.1:8899/popup/demo/index.html

真实渲染 · 登录态

登录 / 登录后

加载真实 auth.js + popup.css / dashboard.css;含独立 Demo CSS/JS 与 SVG 素材。

打开 auth-demo.html →
真实渲染 · 四平台

达人清单

加载真实 listDialog.js + 生产 CSS;含独立 list-dialog-demo.css / list-dialog-demo.js 与平台 SVG 素材。

打开 list-dialog-demo.html →
交互原型 · 可拖拽

工作台 · 右侧抽屉

对比 Side Panel:页面内抽屉 + 生产 dashboard/sidepanel CSS 1:1,默认/最小宽 580px,可拖拽。

打开 workbench-drawer-demo.html →
全部 Demo 直达链接
推荐工作流(达人清单为例)
  1. 打开 popup/demo/list-dialog-demo.html(加载真实 listDialog,非手写表格)
  2. 在 Demo 或直连 content/jx-dialogs.css 调样式
  3. 同步到 content/listDialog.js(结构/HTML 变更时)
  4. Chrome 扩展页重新加载插件验证