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

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

安装此脚本？

作者

Max3

日安装量

总安装量

13,968

评分

51 3 2

版本

1.6.8

创建于

2023-05-22

更新于

2025-05-13

大小

12.9 KB

许可证

MIT

适用于

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

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

BiliReveal

Greasy Fork镜像总下载量

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

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

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

为什么个人主页的 IP 属地没有显示？
- 由于个人主页 IP 属地需要使用 APP 接口，依赖于许多额外逻辑，目前单独实现了一个脚本，如有需要请前往 Greasy Fork镜像或 Github(maxchang3/userscripts) 安装。
为什么我的评论区没有显示 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 属地。