589 字
3 分钟
记一次导航栏栏无法展开二级菜单的bug修复
起因:万恶之源
事情的起因是访问unjal的博客的时候发现在我的电脑上测试,导航栏上的按钮根本无法触发展开二级菜单,但是经过我的拷打,友好的询问过后,发现其他设备上展开都正常,且我们用的都是同一个浏览器,内核版本相同,到底是什么原因导致我的设备无法正常显示呢?
一阶:无法修复?

经过unjal的严肃修复(调戏ds和Gemini),发现问题仍然存在且仅限我的电脑存在,我就要来了anvigation的源码进行排查,但经过 GPT 老师的身形调教之后,问题不能说一点没解决吧,但只能说解决了一点,导航栏一共 4 个按钮,位于偏右侧的两个按钮可以正常展开,但左侧两个按钮仍未展开。经过我的追问,这个问题始终得不到任何进展。问题到这里似乎陷入了停滞,那么真凶到底是谁呢?
二阶:灵机一动
偶然一次测试,我发现如果在页面没有完全加载的时候,所有的导航栏按钮都是可以正常展开二级菜单的;但是当页面加载完成之后,导航栏就无法正常展开了。
于是我断定,肯定是因为界面中的某个元素,遮挡了原来二级菜单的展开判定,我把我的发现报告给了 GPT 老师,GPT 老师给我了一些方案,让我缩小问问题的范围。经过我的测试,发现Mizuki主题会默认加载Live2d小人,从加载L2d小人的阶段开始,顶部导航栏的按钮就无法展开了,GPT老师火速分析了一下问题所在,然后发现问题果真如此,其加载高度高达600px,因此在分辨率较低的设备上测试的时候,会刚好遮挡住顶栏的按钮,虽然unjal的博客禁用了l2d功能,但iframe层仍在生效,于是这个问题到这里就算是正式解决了

三阶:完
只能说屎山代码发力这一块,不是注意力惊人,这个小众问题估计还是得不到解决
相关文章
12345
一次 Swup 客户端导航的踩坑:从整页刷新到目录消失
折腾记录记录修复博客导航 bug 的全过程——删掉一个看似多余的整页刷新脚本后,目录(TOC)反而消失了,最终发现根因是侧边栏不在 Swup 的容器列表中。
关于主站迁移至cloudflare的说明
未分类出于后续博客的发展(恰饭)考虑,决定迁移至CF
哎我去这个Pages CMS真神了
教程通过向你的静态博客仓库导入Pages CMS实现在浏览器里优雅地管理你的文章
对个人主页进行了重构并迁移了框架
有趣的项目将原来的Svelte的个人主页重构为Next.js,大幅重构了页面,整体屎山得到优化
今天是伟大的0721日,别忘了0721
分享私のオナニ一よ見てください!
随机文章
12345
关于我的常用软件
分享总结一下我的一些常用软件
简单做了一个 Flutter 架构开发的跨平台媒体库,简单记录一下开发历程
有趣的项目由于神人微软的 Windows 媒体管理过于混乱,音频、视频、图片各管各的,导致用起来非常难受。于是我就简单写了一个媒体库,使用 Material Design 风格将这些媒体聚集在一起,方便了管理。
对 Bangumi 反向代理,解决大陆地区访问问题
教程使用 Cloudflare Workers 搭建 Bangumi 反向代理,解决大陆地区访问困难的问题。
新的开始
未分类RE:第一章 堂堂复活 Stand by!
部署你的Astrbot QQ机器人吧
教程从零开始部署一个功能强大的AstrBot QQ机器人,支持多种AI模型接入,实现智能群聊回复、私聊对话、自定义插件扩展等功能,成为赛博群老婆((