Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

需求:显示【视频选集】的全名,很多小破站的多p系列视频名字的前缀太长,导致每p标题显示不全,,。 #824

Open
gohell9 opened this issue Feb 25, 2021 · 8 comments

Comments

@gohell9
Copy link

gohell9 commented Feb 25, 2021

请选择一个issue模板来提交您的想法、意见或者建议。

Please select an issue template to submit your thoughts, comments or suggestions.

@gohell9 gohell9 changed the title 需求:显示【视频选集】的全名,因为系列视频前缀太长,不知道具体是说什么标题。 需求:显示【视频选集】的全名,很多小破站的多p系列视频名字的前缀太长,导致每p标题显示不全,,。 Feb 25, 2021
@jjj201200
Copy link
Member

可以提供一些信息吗,比如遇到问题的视频地址或者其他有用的信息

@LEDlamar
Copy link

——浏览器:win10 edge
——举例:打开如下链接
https://www.bilibili.com/video/BV1nE411E79G?p=21
Ctrl+F 网页查找,例如本例中查找关键词“统计”,由于匹配词位置被省略,导致虽然关键词定位成功、但无法高亮显示查找结果,查不到关键词所在视频标题(因为缺少高亮显示)
——预期:网页上加一个拖动调节标题显示长度之类的控件,体验会更好一些
微信图片编辑_20211031203016

@Dragonzhoulong
Copy link

this situation is annoying and i am hoping that could be fixed up quickly.

@jjj201200
Copy link
Member

@Dragonzhoulong @LEDlamar @gohell9
这个问题已经有很长时间,我认为b站官方应该是知情的,但为何不处理呢。
另外我也没有打算为这个缺陷单独创建一个新功能模块,因为这里有一个更简单的解决方案提供给你们。

  1. 安装扩展「Stylus」
  2. 在Stylus中创建新规则给「bilibili.com/video/*」
  3. 填入一下样式
#multi_page .list-box li{
	height: fit-content;
}
.multi-page .cur-list .list-box li .part {
	white-space: break-spaces;
}
  1. 点击「保存」按钮

@Juan-King1
Copy link

@Dragonzhoulong @LEDlamar @gohell9 这个问题已经有很长时间,我认为b站官方应该是知情的,但为何不处理呢。 另外我也没有打算为这个缺陷单独创建一个新功能模块,因为这里有一个更简单的解决方案提供给你们。

  1. 安装扩展「Stylus」
  2. 在Stylus中创建新规则给「bilibili.com/video/*」
  3. 填入一下样式
#multi_page .list-box li{
	height: fit-content;
}
.multi-page .cur-list .list-box li .part {
	white-space: break-spaces;
}
  1. 点击「保存」按钮

老哥给个stylus下载链接,搜索引擎搜不到

@jjj201200
Copy link
Member

@Juan-King1 应用谷歌商店搜索啊

@Juan-King1
Copy link

@Juan-King1 应用谷歌商店搜索啊
AW% YX1QEZ){S0HVN`HCK0
$12X{CM8V)OLQ }CPAMRR}C
写了样式还是显示不全啊,能不能写个油猴脚本发一下?我自己写了个油猴插件增大了宽度试了一下发现标题内容(

  • 下面的子元素)都获取不到,想去掉标题中固定的字使标题短一点这样就不用把宽度调太大把视频顶到最左边,下面评论里的方法只能每次f12手动输入很麻烦,但是放到油猴脚本里却获取不到元素无效,麻烦帮忙看看怎么解决
    F_7 }J$R$E$TT(~TGA9XV(U
    (5SI~ 5%J%J}SPMOV N(U4
    我的脚本内容是这样,下面注释掉的代码是用来看为什么获取不到元素的,我没找到什么原因
    // ==UserScript==
    // @name b站分集标题栏显示完全
    // @namespace http://tampermonkey.net/
    // @Version 1.0
    // @description b站分集标题栏显示完全
    // @author none
    // @match https://www.bilibili.com/*
    // @ICON https://www.bilibili.com/favicon.ico
    // @grant none
    // @require https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js
    // ==/UserScript==

  • (function() {
    'use strict';

    // Your code here...
    $('.is-in-large-ab').css({'width':'600px'})
    $('.list-box').css({'width':'600px'})
    $('.list-box li').css({'width':'600px'})
    $('.multi-page-v1').css({'width':'auto'})
    $('.video-episode-card__info-title').css({'width':'auto'})
    // setTimeout(function(){
    //     alert($('.link-content .part').length)
    // },0)
    // window.onload=function(){
    //     alert($('.cur-list li').length)
    // }
    // $(function(){
    //     alert($('.list-box li').length)
    // })
    // window.addEventListener('load', function() {
    //     //js代码
    //     alert($('.list-box li').html())
    // });
    // alert($('.link-content .part').length)
    // document.querySelectorAll('.link-content .part').forEach(i=>i.innerText = i.innerText.replace(/unity2022|【|】|入门|教程|官方|教程|系列|unity2021/g,''))
    

    })();

    @jjj201200
    Copy link
    Member

    @Juan-King1 失效是因为b站改了,毕竟都过了很久了,新的样式我给你,并且已经确认过了

    .list-box li {
        height: auto !important;
        line-height: 20px !important;
    }
    .multi-page-v1 .cur-list .list-box li .part {
        white-space: break-spaces;
    }
    image

    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Labels
    None yet
    Projects
    None yet
    Development

    No branches or pull requests

    5 participants