分享个 V2EX 楼中楼脚本，完全基于本地实现

[Xianmua]

会在可以生成楼中楼的回复右下角，生成一个小蜘蛛网按钮

点一下即可悬浮窗显示当前页的楼中楼。随便点击窗口之外其他的位置，即可关闭悬浮窗口

优点：完全基于本地实现，没有任何网络请求，速度尚可。缺点：楼中楼功能仅限于当前页，隔页的回复无法实现..
还有 需要手动点一下

楼中楼里会有哪些评论：

假如一条评论 a@b ，在点击按钮后，会把本条评论之前的 b 的全部发言收集起来；本条评论之后（包括本条评论）的 a@b ，或者是 b@a 这样的评论收集起来

脚本的悬浮窗，直接用的第三方的油猴的库实现的，逻辑会写，界面目前写不好，欢迎改写哈哈。注释很多，欢迎审查~

脚本下载链接： https://greasyfork.org/en/scripts/466852

[Tlvncks]

直接鼠标指向被 @账号后自动弹出悬浮窗显示对话，这样更方便

[Hliushi]

谢谢 op 开发的插件，
说一下现在的体验:
1 、这个弹窗的动画有点僵硬
2 、弹窗是否可以支持用 ESC 快捷键关闭呢
3 、还有就是进行「网页百分比缩放」、「调试打开」那个 ☸ 图标没有固定到最右边
4 、刚刚使用中遇到有一个 bug ，有个元素大概率没有抓取到
源码错误位置 70: let atMember=replyList[i].querySelector(".reply_content a").textContent
properties of null (reading 'textContent')
at unsafeWindow.genReplyBox (userscript.html?name=v2ex%25E6%25A5%25BC%25E4%25B8%25AD%25E6%25A5%25BC.user.js&id=d5705021-719d-420c-961c-efae58b59743:380:76)
at HTMLButtonElement.onclick (VM1297 941894:1:1)
unsafeWindow.genReplyBox @ user

[Exgirlfriends]

谢谢。这个好。

[Xianmua]

@Hliushi 我刚更新了下，你看下还有问题吗🤣刚发出去就发现严重问题了，赶紧修了修

[Xianmua]

要是发现问题了，麻烦贴一下生成楼中楼出现问题的 评论的链接，多谢各位~

[Xianmua]

那个百分比缩放后的问题刚看了，确实有点离谱，在研究...

[Hliushi]

@Xianmua 刚刚说的第四个问题 bug 解决了
但是我有发现一个样式问题，当点击帖子 op 自己，左下角出现了蓝色的长方形样式
具体帖子: https://www.v2ex.com/t/942019 #15 楼

[Hliushi]

@Xianmua 可能是用了上一个版本 0.1 复现的，目前在使用 0.1.1 突然没有啦

[Xianmua]

@Hliushi 哈哈那个问题就是我刚修的，css 那里改动了..百分比缩放那个跟 css 有关系，css 不太熟...一会准备用个简单粗暴的方式解决掉...

[Xianmua]

@Tlvncks
@Hliushi 0.1.2 已修复网页缩放 bug 。新增功能①悬浮☸按钮自动打开楼中楼页面。此选项默认关闭，有需要可以在脚本设置项手动开启。在触发楼中楼后，建议略微挪动下鼠标，不然关闭楼中楼后 容易再次触发②打开楼中楼页面后，可以按 Esc 键关闭楼中楼页面。

[Xianmua]

补充一下，上面说的“在触发楼中楼后，建议略微挪动下鼠标，不然关闭楼中楼后 容易再次触发”，意思是“在悬停触发楼中楼后，如果使用 Esc 关闭楼中楼，建议略微挪动下鼠标，不然容易再次触发”
还有 发现这当例子的动图，内容不大和谐哈哈，不过改不了了 就这样吧

0.1.4 版本已发，进一步完善脚本功能，在一个 id 同时 @多个 id 的情况下，会把 @的多个人都识别到。
比如 a 同时 @b 、 @c 、 @d ， 会将 a 和 b ，c ，d 的楼中楼内容全部叠加在一起，实现同时展示。现在应该比较完美了。

[Xianmua]

补个视频
<amp-vimeo data-videoid="829191565" layout="responsive" width="16" height="9"></amp-vimeo>

[sanshao124]

楼主能做一个支持手机的版本吗？

[wuvvu]

提一个建议，增加深色主题检测。
用深色主题，鼠标一悬浮就显示一片白色，有点刺眼

[lisxour]

想要完美解决楼中楼问题，还得 v 站自己去解决，包括提到的跨页回复，v 站不出手，谈何完美。

[Xianmua]

楼主要卒...🤣，赶紧补充一下，昨天说的“比较完美”的意思是，没有明显 bug...
回复一下， ①支持手机，这个难度很大😂 可能需要浏览器支持安装油猴插件，那个悬浮窗用的第三方的库，没适配的可能性很大，而且我也没有能装插件的浏览器，没法调试...②适配深色模式，这个确实很有必要，我试着改一下 css

[Xianmua]

@wuvvu 0.1.6 版本已发布，已适配黑暗模式~

[wuvvu]

@Xianmua #17
真不错，看起来舒服多了

[fighter2011]

不错，点赞

[catsoul]

win11 设置显示为 150%，会错位