Jarvis's Blog

白帽子、全栈、IoT安全专家、嵌入式系统专家

OpenWRT状态页面在最新Chrome中排版错乱的解决办法

  不知道从啥时候开始,chrome哪次更新以后,OpenWRT的网络状态信息那里变成了这个样子,出现了排版错乱,如下图所示:

但是微软Edge里面正常,官方似乎觉得这不是个什么大问题,所以就一直没修复,从18.06.1一直等到18.06.4,现在19.07都快出正式release了都没修复,真的是逼死强迫症,算了,不指望官方了,自己修复吧。

  chrome开发者工具大法好,审查一下元素,发现出问题的元素属于cascade.css中的.network-status-table .ifacebox-body控制的:

看了一下,似乎是这个height:100%的问题,删掉试试?

果然,删掉就好了:

所以,Chrome的flex布局中,对这个height属性怕不是有什么误解?

好了,看来问题还是比较容易解决的,接下来就直接ssh进路由器里面改吧,直接修改/www/luci-static/主题名字/cascade.css即可,我这里只改了material主题,所以修改 /www/luci-static/material/cascade.css即可。

不过如果是squashfs的rom,那么只能重新编译了,因为squashfs不能修改,重启后会恢复原状,如果是ext4文件系统,直接改完就OK。大概在文件1771行左右,删掉height:100%,然后保存即可。

待我有空了去给官方提个pull request。

ProxmoxVE(PVE)踩坑记录

上一篇

音乐通(MITONE)小提琴陪练机逆向分析(附自己添加乐谱的方法)

下一篇
评论
发表评论 说点什么
  • 您好,我最近也在折腾openwrt,我的路由器是tp-link企业级的,通过覆盖配置文件破解登录后发现这款路由器是基于openwrt二次开发的,但很可惜的是性能不太好也不支持ipv6,我想给它重新编译固件,不知道师傅能不能稍稍指导一下。

    • 这个不太容易搞吧,主要是缺少板级支持文件(BSP),编译了估计也跑不起来。

    • 我是想,openwrt本身可以安装在非常多的路由器上,那这些路由器的BSP文件都有么?

    • 行吧,我研究研究uboot和外设驱动,有机会给openwrt project贡献一下自己的型号 :razz:

  • 大佬我两年后终于搞定了,不用BSP,只要在menuconfig找到相同cpu型号的openwrt配置文件,然后编译就行了。至于gpio的问题只要使用相同cpu型号的bootloader测然后修改重新编译就行了。现在好开心。

5700
2

    浙公网安备 33011002014706号