油专的神奇缴费平台

前段时间在交学费的时候，发现我大油专的缴费平台点进去居然啥都不显示

回忆了一下才想起来，其实大一就发现这个问题了，但是当时是个菜狗啥都不懂，直接去问的导员，导员让我换个浏览器，我换了 IE 就没问题了

后来也是直接在 IE 缴的费

今年忘了这茬了，就直接在 Edge 上打开了，依然是没有显示内容，但是我越看越不对劲，这明明是有东西的，于是我打开了 F12

在开发者工具里的惊奇发现

最开始在一层一层往下看的时候，并没有发现什么大问题

直到我看到了这个 form 元素的 style 属性里

赫然显示着一行: height: 0px;

我抱着试一试的心态把这一行删掉了

于是乎

居然显示出来啦！

在同学那里看到的同类事件

这时我还是觉得应该会是我的问题，所以没有把这件事分享出去，免得人家以为我是小丑🤡

但是直到昨天，室友在寝室群里问了这个问题，我就意识到原来出现问题的不止我一个

其实应该是最新的浏览器都没有办法正确地在电脑上加载这个页面

想在电脑上缴费，只能用 IE

为什么一定要强调“电脑”，因为另一个室友说在手机上就没问题。。

而且就算是电脑，每个人的 height 值好像也是不一样的，比如我这个室友就是 3px 。。

反正我是不太能理解这种问题是怎么发生的，可能是学校搭建网站时用的工具真的太老旧了吧

后记 • 壹

说实话，要不是至少它这个 form 的 padding 没有问题，还是有 5px，所以显示了一个下拉框出来
`
不然我恐怕真的发现不了这个神奇的事情

后记 • 贰

虽然我们是最后一次缴费了，但是秉承着助人为乐，造福大众的精神

为了让学弟学妹们能够愉快的在电脑上缴费，我花了宝贵的两分半的时间，写了5行油猴脚本，并且上传到了 GreasyFork

然后让王欢学弟帮我到处传一下，希望能够帮到大家吧

这是下载链接：点击安装

这是源代码：

let check = setInterval(() => {
    if ($('#ext-gen4').length != 0) {
        clearInterval(check)
        $('#ext-gen4').css('height', '')
    }
}, 100)

真的只有五行🌸🐔

注释

以上所有内容中

#define 神奇 傻逼