Greasy Fork is available in English.

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

对新版B站首页的每行显示的视频数量进行调整, 同时删除所有广告, 并可设置屏蔽内容 (大尺寸屏幕每行将显示更多的视频)

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

Pregunta o comentario

§
Publicado: 25/10/2023

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

Ling2Ling4Autor
§
Publicado: 25/10/2023

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

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

§
Publicado: 26/10/2023
Editado: 26/10/2023

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站也能有之前的体验。

Ling2Ling4Autor
§
Publicado: 26/10/2023

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

Publicar respuesta

Inicia sesión para responder.