☰

哔哩哔哩网页版显示 IP 属地 B站 Bilibili IP 属地显示

我不喜欢 IP 属地，但是你手机都显示了，为什么电脑不显示呢？显示网页版 B 站 IP 属地，支持大部分场景的评论区

Author
Max3
Daily installs
2
Total installs
13,943
Ratings
49 3 2
Version
1.6.8
Created
2023-05-22
Updated
2025-05-13
Size
12.9 KB
License
MIT
Applies to

更多信息请见 Github，推荐使用 Github 进行问题反馈~（如果可以的话给我一个 Star ⭐️谢谢喵！😻）


我不喜欢 IP 属地，但是你手机都显示了，为什么电脑不显示呢？

BiliReveal

Greasy Fork 总下载量 使用 Greasy Fork 安装 使用 Github Release 安装

在哔哩哔哩网页版大部分场景中显示 IP 属地，目前支持的场景有：

  • 视频（普通视频、番剧（影视）、收藏列表播放页）评论区
  • 话题评论区
  • 动态评论区
  • 个人主页动态评论区
  • 专栏（文章）作者 & 评论区
  • 节日页（festival）评论区（如「拜年祭」」
  • 活动页（blackboard）评论区（如「拜年祭预约页）」
  • 课程评论区
  • 小黑屋评论区
  • 漫画详情页评论区

（未作特殊说明均支持新旧版）

仅测试于 Chrome 113+ (tampermonkey) / Safari 16.4+ (Stay)。需要使用支持 unsafeWindow API 的脚本管理器

常见问题

  • 为什么个人主页的 IP 属地没有显示？

  • 为什么我的评论区没有显示 IP 属地？

    • 请确定你所在的场景是否支持，脚本是否为最新版本，脚本是否正常运行。
    • Manifest V3 以来可能需要开启开发者模式才能正常运行。
    • 请关闭同页面内的其他相关脚本，排除脚本冲突的可能。
    • B 站的 IP 属地功能上线之前的评论将不会显示 IP 属地。
    • 排除以上情况后，可能是脚本逻辑失效，欢迎反馈。

原理

目前，哔哩哔哩前端的评论区实现方式有三种：

  • 旧版评论：基于 Vue 2 实现，目前仅在旧版页面和部分场景存在。

    • 策略：通过 Hook window.bbComment ，重写评论插入事件，插入 IP 属地。

  • 新版评论：基于 Vue 3 实现（comment-pc-vue.next.js），目前存在于新版的大部分场景。新版设计较旧版更加紧凑和扁平化，字体也更大。

    • 策略：通过 Hook Vue3 app（自 V1.5.8+，之前无须挂载） 挂载不同的 __vue__ 到相应元素。通过 MutationObserver 监听评论插入事件，获取评论元素中的 IP 属地并插入。

  • 新·新版评论：基于 Lit 的 Web Component（comment-pc-elements.next.js），目前存在于部分新版页面。

    • 策略：通过 Hook window.customElements.define 的方式，拦截 ActionButtonsRender，继承并重写 update() 方法，插入 IP 属地。

感谢

Stargazers over time

Stargazers over time