ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

职位发布时间藏在哪?Boss Show Time 招聘时间标签 3 步上手指南

职位发布时间藏在哪?Boss Show Time 招聘时间标签 3 步上手指南

职位发布时间藏在哪?Boss Show Time 招聘时间标签 3 步上手指南

【免费下载链接】boss-show-time展示boss直聘岗位的发布时间项目地址: https://gitcode.com/GitHub_Trending/bo/boss-show-time

投了十份简历,面试时才发现一半职位早已停招——问题出在招聘平台几乎不显示职位发布时间。Boss Show Time 是一款开源的 Chrome 浏览器扩展,在 Boss直聘、智联招聘、前程无忧、拉勾招聘四大平台的搜索结果页里,给每条职位卡片挂上一个"招聘时间标签",职位新鲜度一眼可见。

3 步装好 Boss Show Time,职位发布时间立刻可见 🚀

  1. 克隆代码并安装依赖:执行git clone https://gitcode.com/GitHub_Trending/bo/boss-show-time,然后在项目里跑npm install。
  2. 编译出扩展文件:npm run build。日常开发可以改用npm run watch,保存源码自动重编,但要在扩展页手动点一次刷新按钮才生效。
  3. 打开chrome://extensions/,开启右上角的开发者模式,点"加载已解压的扩展程序",选中项目生成的build目录。

装完打开 Boss直聘 的职位搜索列表,每条卡片右上角就会多出时间标签;列表还会按发布时间从新到旧重新排序,翻起来更顺手。

时间标签颜色含义速查:绿、黄、红怎么判断职位新鲜度 🎨

颜色规则就三档:

颜色含义
绿色(#52c41a)24 小时内发布
黄色(#faad14)3 天内发布
红色(#f5222d)超过一周

用法很直接:刷列表时优先点绿色卡片,黄色的可以排进备选,红色的基本跳过,把有限的投递预算花在新鲜职位上。时间换算基于 Day.js 库,相对时间读起来不费劲。智联招聘还有个小差异——一周内发布的职位会额外标红提醒。具体的着色与渲染规则都在 时间标签渲染逻辑 里,篇幅不长,值得通读一遍。

它是怎么做到的:三层结构 + 3 个关键机制

先给个全景。项目按 Chrome Manifest V3 规范开发,Service Worker 后台、内容脚本注入、跨域请求拦截都用上了,整体粗分三层:

  • 表现层:内容脚本负责页面 DOM 操作和时间标签渲染,Vue 3 侧边面板负责统计查询与配置。
  • 业务层:每个招聘平台一个适配器模块,配合数据处理器和模块间消息桥,把各平台数据统一成标准格式。
  • 持久层:SQLite WebAssembly 做本地数据库,DTO/BO 模型定义结构化数据,再叠加浏览器原生存储兜底。

机制一:Boss直聘的发布时间从哪来

Boss直聘 的列表接口本身不带时间字段,所以适配器先用 MutationObserver 盯着列表容器,等职位卡片挂载完成,再拦截页面自身的 AJAX 响应拿到卡片数据(含 securityId 安全标识),随后逐个请求对应的职位详情接口,取回发布时间等字段。智联招聘页面结构不同,适配器就直接按 CSS 选择器解析 DOM。请求是这样错开发的:

const DELAY_FETCH_TIME = 75; //ms await delay(DELAY_FETCH_TIME * index); // 避免频繁请求触发风控

机制二:请求节流,少被风控盯上

详情请求不是"一拥而上",而是排队发出:每条按 75ms 递增延迟,外层还有一个请求队列(RequestQueue)兜底——请求间隔 1000ms,最大并发 3 个。既能让一页标签快速铺满,又不至于瞬间打出一大片请求。

机制三:数据全存本地,统计在侧边面板

每条职位会落成一条 Job 记录(职位数据模型 定义了 id、platform、jobId、title、company、publishTime,外加 browseCount、firstBrowseTime 等字段),写入 SQLite。整体是三级缓存:内存缓存存最近看过的职位,IndexedDB 存历史浏览记录,SQLite 存长期数据。侧边面板里可以查统计、导记录;想接第三方系统,也可以直接发 GET_STATISTICS、EXPORT_HISTORY 这类消息取数。

实用技巧与注意事项

  • 支持平台:Boss直聘、智联招聘、前程无忧、拉勾招聘,web 端进入搜索列表后生效。Boss直聘 目前部分时间字段已失效,看到"未找到更新时间"不用慌。
  • 浏览器要求:Chrome 88+。
  • 请求节奏:Boss直聘 列表的时间需要逐个拉详情接口,单页就会发出一批请求,容易触发风控——别频繁刷新页面,正常翻页即可。
  • 数据隐私:浏览记录、统计全部存在浏览器本地,不上报服务器。
  • 个性化配置:侧边面板设置页可以切换时间显示格式(相对时间/绝对时间)和主题色。
  • 性能体感:官方给出的指标是页面加载额外影响 <50ms、内存峰值 <30MB、解析准确率 >95%。
  • 企业场景:可以私有化部署做统一分发,再集中管理平台适配规则和时间显示策略。

谁适合用 Boss Show Time

一句话:想让简历投到"还活着"的职位上,装它就行。

它最适合两类人。一是想提高投递效率的求职者,绿色标签就是你的优先级过滤器;二是想入门浏览器扩展开发的新手——Manifest V3、Service Worker、适配器模式、SQLite WASM 这些现代技术栈,在这个小项目里都能摸到。想接新招聘网站也不难:照着 Boss 直聘适配器 的模板,定义好页面选择器、解析平台响应、转成标准 JobDTO,一个新平台就扩展进来了。

【免费下载链接】boss-show-time展示boss直聘岗位的发布时间项目地址: https://gitcode.com/GitHub_Trending/bo/boss-show-time

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进