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

  • 2019-08-18
  • 543
  • 5
  • 1

  不知道从啥时候开始,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。

评论

  • fjh1997回复

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

    • Jarvis回复

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

      • fjh1997回复

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

        • Jarvis回复

          openwrt官方有支持的就有,没有的就不行了

          • fjh1997

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

发表评论

*

浙ICP备16016405号-2
浙公网安备 33010602007544号