你正在訪問的內容是外部程式的映像位址,僅用於使用者加速訪問,本站無法保證其可靠性。當前的連結位址(單點即可複製)為 https://greasyfork.org.cn/zh-CN/scripts/477487-%E5%93%94%E5%93%A9%E5%93%94%E5%93%A9%E6%96%B0%E7%89%88%E9%A6%96%E9%A1%B5%E6%8E%92%E7%89%88%E8%B0%83%E6%95%B4%E5%92%8C%E5%8E%BB%E5%B9%BF%E5%91%8A-bilibili/discussions/208483,源站連結 點此以跳轉

哔哩哔哩新版首页排版调整和去广告(bilibili)

调整B站首页每行的视频数, 可屏蔽首页和视频页的广告, 可自定义过滤视频

< 脚本 哔哩哔哩新版首页排版调整和去广告(bilibili) 的反馈

提问 / 留言

§
发布于:2023-10-25

关于主界面的每行显示的视频数,其视频排列规则是根据游览器宽度来判断的,但是似乎并没有考虑到游览器缩放带来的宽度缩放,也许可以获取一下游览器缩放数值,优化结果。

Ling2Ling4作者
§
发布于:2023-10-25

关于主界面的每行显示的视频数,其视频排列规则是根据游览器宽度来判断的,但是似乎并没有考虑到游览器缩放带来的宽度缩放,也许可以获取一下游览器缩放数值,优化结果。

浏览器缩放后是会根据新的宽度调整排列的, 缩放后读取的宽度是新的数值, 这点可以在控制台查看到

§
发布于:2023-10-26
编辑于:2023-10-26

1.视频排列问题:

游览器的宽度值=绝对值*缩放值(缩放值=系统缩放 * 游览器缩放),因此在使用宽度分级视频排列时会无法对上。比如我设置1600时每行排列三个视频,从我设置125%系统缩放,125%游览器缩放的edge游览器已经达到了1600像素,但是其绝对值却是1024=1600/1.25/1.25。

在getW()函数中设置缩放值zoom,并乘width即可,如图1。

2.缩放问题: B站的自适应缩放在宽度缩小一定程度之后便失效了,如图2,我的宽度为1400,但是无法页面铺满显示所有内容,这也是新版网页的问题。我新增了一个检测函数,通过判断横向滚动条判断是否铺满界面,计算rate=document.documentElement.scrollWidth/document.documentElement.clientWidth,设置缩放值zoom=zoom/rate。

随后将此函数设置网页启动和调整网页大小时使用,可以实现随意放大游览器和随意拖动大小都铺满页面的效果,如图4和图5。

这样设置之后在高分辨屏幕上小窗看网页B站也能有之前的体验。

Ling2Ling4作者
§
发布于:2023-10-26

这个意思啊, 确实是我没考虑到位, 我更新一下, 感谢

发布留言

登录以发布留言。