深圳踏青传媒有限公司
时间:2023年8月-2025年8月
销售智能分析浏览器插件
项目描述:
为销售团队打造浏览器端智能助手,一键抓取 CRM 页面客户信息,并调用 AI 接口实时生成沟通报告,提升转化率。
技术栈:Vue 3 + TypeScript + Pinia + Webpack + Arco Design Pro|Manifest V3
责任描述:
1.基于 Manifest V3 构建浏览器插件,通过 Content Script 将自适应浮层注 入宿主页面,面板可自由拉伸,实时捕获页面数据并与后台通信。
2.开发“智能捕获”模块,通过 CSS 选择器/数据属性动态识别页面客户信息, 点击即入库,零侵入现有 CRM。
3.集成 Coze AI SDK,实现流式对话分析,支持推理过程可视化、Markdown 渲 染,对聊天记录异步分析并输出客户意向、沟通要点、销售建议。
4.状态管理与数据持久化, 采用 Pinia 模块化状态管理,集成 persistedstate 插件实现跨会话数据持久化,确保用户体验连贯性。
5.跨脚本通信架构, 设计 Background Script、Content Script、Popup 三层 通信机制,结合 Chrome Extension API 和 PostMessage 实现高效数据传 递。
6.智能匹配算法优化, 实现 emoji 过滤、中文片段提取、模糊匹配等算法, 提升用户信息识别准确率至 95%+。
7.工程化构建优化, 使用 Webpack 替代 Vite 解决浏览器插件兼容性问题 (vite 打包的 chrome 插件无法正常工作,vite 打包cjs会自动生成 _commonjsHelpers,且无法规避,_commonjsHelpers的存在无法发布到浏览 器)。
8.TypeScript 类型系统完善, 构建完整类型定义体系,包含 Chrome API、Vue 组件、业务数据模型等,确保代码类型安全。
9.错误处理与用户体验优化, 实现重复分析防护、智能提示反馈,确保插件在 各种异常情况下的稳定性。
10.开发调试工具链, 构建专用开发环境(ui-dev.html)、非浏览器环境兼容 处理、自动化测试页面,提升开发效率。
11.响应式 UI 组件设计, 基于 Arco Design Vue 构建现代化界面,Less 变 量化样式管理,支持侧边栏、弹窗、聊天界面等多种交互模式。