哔哩哔哩直播精简+

提供简洁的界面,只为安心看直播。

当前为 2024-09-08 提交的版本,查看 最新版本

// ==UserScript==
// @name                                                          哔哩哔哩直播精简+
// @namespace                                                     原作者:G-uang
// @author                                                        原作者:Guang
// @version                                                       2024.9.8
// @description                                                   提供简洁的界面,只为安心看直播。
// @match                                                         *://live.bilibili.com/*
// @icon                                                          https://www.bilibili.com//favicon.ico
// @run-at                                                        document-body
// @license                                                       MIT
// ==/UserScript==

(function() {
    var css = '{display:none !important;height:0 !important}'

//直播间
    css += '.entry_logo{display:none !important;}';//顶栏log
    css += '.tv-logo{display:none !important;}';//顶栏log
    css += 'div.pointer.f-left.p-relative.h-100.shortcut-item:nth-of-type(2){display:none !important;}';//顶栏购买电池
    css += 'div.pointer.f-left.p-relative.h-100.shortcut-item:nth-of-type(3){display:none !important;}';//顶栏下载客户端
    css += '.trending{display:none !important;}';//顶栏热搜
    css += '#nav-searchform{background-color: #ffffff !important;}';//顶栏搜索背景颜色
    css += 'div.pointer.f-left.p-relative.h-100.shortcut-item:nth-of-type(1){min-width:60px;}';//顶栏关注宽度
    css += '.v-middle.dp-i-block.p-relative.user-panel-ctnr{width:60px;}';//顶栏头像宽度
    css += '.user-panel-ctnr .user-panel .header-node .progress{display:none !important;}';//顶栏头像下方的消费等级
    css += '.follow-cntr .anchor-list .live-status{display:none !important;}';//顶栏关注中xxx暂未开播
    css += '.down-arrow-icon-block{display:none !important;}';//顶栏更多中的符号
    css += '.w-100.over-hidden.p-relative.flip-view{display:none !important;}';//视频区下方广告栏
    css += '.room-info-ctnr{display:none !important;}';//视频区下方主播推荐
    //css += '.trends.room-feed{display:none !important;}';//视频区下方动态
    //css += '.room-detail-box{display:none !important;}';//视频区下方主播公告
    //css += '#sections-vm{display:none !important;}';//视频区下方动态与主播公告
    css += '#link-footer-vm{display:none !important;}';//网页底部版权信息
    //css += '.contain-optimize.z-navbar.ts-dot-4.p-zero.p-fixed.w-100.z-link-navbar.link-navbar-ctnr{display: none !important;}';//顶栏
    css += '.contain-optimize.z-navbar.ts-dot-4.p-zero.p-fixed.w-100.z-link-navbar.link-navbar-ctnr{box-shadow: 0 0 5px 1px rgb(255 255 255 / 0%) !important;}';//顶栏分割线
    css += '.none-select.list-none.dp-i-block.new-tabs{display:none !important;}';//视频区下方动态标题
    css += '.repost.post-content{background-color: #fcfcfc !important;}';//视频区下方动态转发区背景
    css += 'li.t-center.dp-i-block.pointer.tab-candidate:nth-of-type(2){display:none !important;}';//视频区右下方主播荣誉
    css += '.room-info-cntr{height:240px !important;}';//视频区右下方主播公告高度
    css += '.room-info-cntr .content-wrapper{height: 170px !important;}';//视频区右下方主播公告高度
    css += '.room-introduction-tags{display:none !important;}';//视频区下方主播简介里的tag标签
    css += '.room-announce-empty{display:none !important;}';//视频区下方主播公告未填写内容时出现的图片
    css += '.trends-content{margin-top:0px !important;}';//视频区下方动态位置高度
    css += '.live-room-app .app-content .app-body .section-block .right-container {margin-top:0px !important;}';//视频区下方主播公告位置高度
    css += '.empty-content{display:none !important;}';//视频区下方动态未刷新出来时的图片
    css += '.room-info-cntr{border-radius:4px !important;}';//视频区下方主播公告圆角
    css += '.p-fixed.webp.room-bg{display:none !important;}';//直播间背景
    css += '.side-bar-cntr{border-radius: 24px !important;}';//视频区右边的侧边栏圆角
    css += '.side-bar-cntr{background-color: #ffffff00 !important;box-shadow: 0px 0px 20px 0px #ff669929 !important;border: 1px solid #b7b9bc3d !important;}';//视频区右边的侧边栏背景颜色
    css += '.side-bar-cntr{filter: grayscale(100%) sepia(100%) hue-rotate(290deg) saturate(300%) !important;}';//视频区右边的侧边栏图标颜色
    css += '.lab-cntr{filter: grayscale(100%) sepia(100%) hue-rotate(290deg) saturate(300%) !important;}';//视频区右边的侧边栏实验室浮窗内文字颜色
    css += '.my-follow{filter: grayscale(100%) sepia(100%) hue-rotate(290deg) saturate(300%) !important;}';//视频区右边的侧边栏关注文字颜色
    css += '.follow-cntr .anchor-list .three-anchor .one-anchor .anchor-name:hover p {color: #f69 !important;}';//视频区右边的侧边栏关注文字颜色
    css += '.side-bar-popup-cntr{right: 48px !important;}';//视频区右边的侧边栏左右距离
    css += '.live-player-ctnr.minimal{width: 300px !important;height: 168.75px !important;border-radius: 4px !important;padding-top: 0px !important;right: 120px !important;}';//小窗播放比例修改位16:9
    css += '.live-room-app .app-content .app-body{width: 88% !important;max-width: 1680px !important;}';//播放区域宽度
    css += '.live-room-app .app-content {padding-top: 75px !important;}';//播放区顶部距离
//直播间标题栏
    css += '.live-room-app .app-content .app-body .player-and-aside-area .left-container .head-info-section {border-radius: 4px 4px 0 0 !important;border: 0px solid #e3e5e7 !important;}';//标题栏圆角
    css += '.p-relative.follow-ctnr{display:none !important;}';//标题栏助力与上舰
    css += 'div.live-skin-normal-a-text.icon-ctnr:nth-of-type(2){display:none !important;}';//标题栏 点赞
    css += 'div.pointer.live-skin-normal-a-text.icon-ctnr:nth-of-type(3){display:none !important;}';//标题栏 举报
    css += 'div.pointer.live-skin-normal-a-text.icon-ctnr:nth-of-type(4){display:none !important;}';//标题栏 分享
    css += '.lower-row > .right-ctnr{display:none !important;}';//标题栏第二行广告
    css += '.v-middle.p-relative.follow-ctnr{display:none !important;}';//关注 加入粉丝团
    css += '..p-relative.play-bill{display:none !important;}';//标题栏主播推荐
    css += '.live-title .title-length-limit{max-width: 512px !important;}';//直播间标题字符长度限制解除
    css += '.header-info-ctnr .rows-ctnr .lower-row .live-area .area-link{max-width: 256px !important;}';//直播间分区字符长度
    css += '.header-info-ctnr .rows-ctnr .lower-row .live-area .area-link{color: #00aeec !important;}';//直播间分区字符颜色
    css += '.header-info-ctnr .rows-ctnr .upper-row .room-owner-username{color: #f69 !important;}';//直播间主播字符颜色
    css += '.header-info-ctnr .rows-ctnr .upper-row .room-owner-username{line-height: 20px !important;}';//直播间主播字符高度
    css += '.p-relative.play-bill{display:none !important;}';//标题栏节目单
    css += '.upper-row > .right-ctnr{display:none !important;}';//标题栏分享直播间
    css += '.anchor-location.with-skin{display: none !important;}';//标题栏主播所在城市
    css += '.header-info-ctnr .blur-edges-ctnr{display:none !important;}';//标题栏与视频区分割线
//直播间视频区
    css += '.web-player-inject-wrap{display:none !important;}';//PK
    css += '.link-toast.info.center-animation{display:none !important;}';//PK
    css += '#game-id{display:none !important;}';//互动玩法
    css += '.web-player-icon-feedback{display:none !important;}';//视频区反馈
    css += '.content.border-box{display:none !important;}';//视频区恭喜主播获得超人气推荐奖励
    css += '#player-effect-vm > div > div.rhythm-storm{display:none !important;}';//视频区节奏风暴
    css += '.web-player-icon-roomStatus{display:none !important;}';//视频区直播水印
    css += '.announcement-wrapper.clearfix.no-select{display:none !important;}';//视频区礼物及广播条
    css += '.shop-popover{display:none !important;}';//视频左上角网页端暂不支持购物小橙车
    css += '#switch-login-guide-vm{display:none !important;}';//视频区未登录(不可用)账号时显示登陆提示
    css += '.bilibili-combo-danmaku-container{display:none !important;}';//视频区弹幕连击
//直播间礼物栏
    css += '#gift-control-vm{display:none !important;}';//礼物道具栏背景
    css += '.gift-control-panel.f-clear.b-box.p-relative{display:none !important;}';//礼物道具栏
//直播间弹幕区
    css += '.chat-history-panel {border-radius:4px 4px 0 0 !important;}';//弹幕区圆角
    css += '.chat-history-panel {background-color: #ffffff !important;}';//弹幕区背景颜色
    css += '#rank-list-vm{display:none !important;}';//弹幕区礼物榜背景
    css += '#rank-list-ctnr-box{display:none !important;}';//弹幕区顶部礼物榜
    css += '.chat-history-panel{height: calc(100% - 0px - 140px) !important;}';//弹幕区高度调整
    css += '.gift-item{display:none !important;}';//弹幕区投喂礼物信息
    css += '.penury-gift-msg{display:none !important;}';//弹幕区底部投喂礼物信息
    css += '.brush-prompt{display:none !important;}';//弹幕区底部其他人进入直播间信息
    css += '.important-prompt-item{display:none !important;}';//弹幕区底部自己进入直播间信息
    css += '.danmaku-buffer-prompt{bottom:110px !important;}';//弹幕区底部未读弹幕提醒位置调整
    css += '.with-penury-gift,.with-brush-prompt{height: -webkit-fill-available !important;}';//弹幕区弹幕上下位移固定
    css += '.guard-buy{display:none !important;}';//弹幕区续费提示
    css += '.danmaku-item{line-height: 0px !important;}';//弹幕行距
    css += '.top3-notice{display:none !important;}';//弹幕区恭喜XX成为高能榜
    css += '.top3-notice.chat-item{display:none !important;}';//恭喜xxx成为高能用户
    css += '.chat-item.common-danmuku-msg.border-box{display:none !important;}';//恭喜主播xxx成为虚拟航海第x名
    css += '.common-danmuku-msg{display:none !important;}';//弹幕区绝杀时刻系统提示弹幕
    css += '.hot-rank-msg{display:none !important;}';//弹幕区榜单系统提示弹幕
    css += '.convention-msg{display:none !important;}';//弹幕区系统提示
    css += '.vip-icon{display:none !important;}';//弹幕区ID前爷徽章
    css += '.rank-icon{display:none !important;}';//弹幕区ID前榜单徽章
    css += '.title-label{display:none !important;}';//弹幕区ID前活动头衔徽章
    css += '.fans-medal-item-ctnr,.fans-medal-item-target{display:none !important;}';//弹幕区ID前粉丝徽章
    //css += '.danmaku-item-left{display: block !important;}';//弹幕区ID与弹幕分两行显示
    css += '.chat-history-list{font-size: 12px !important;}';//弹幕字体大小
    css += '.danmaku-item{color: #61666d !important;}';//弹幕字体颜色
    css += '.user-name{font-size: 12px !important;}';//弹幕ID字体大小
    css += '.user-name{color: #484c53  !important;}';//弹幕ID字体颜色
    css += '.chat-history-panel .chat-history-list .chat-item.danmaku-item .danmaku-item-right:hover {color: #f69 !important;}';//弹幕区鼠标悬停时字体颜色
    css += '.chat-colorful-bubble{margin: 0px 0 !important;}';//弹幕区特权弹幕行距
    css += '.chat-colorful-bubble{background: #00000000 !important;}';//弹幕区特权弹幕背景颜色
    css += '.chat-history-panel .chat-history-list .chat-item.danmaku-item.has-bubble{border-image-source:none!important;}';//弹幕区特权弹幕背景
    css += '.chat-colorful-bubble{border-image-source: none !important;}';//弹幕区特权弹幕背景图片
    css += '.new-video-pk-item-dm{display:none !important;}';//弹幕区PK弹幕广告
    css += '.play-together-service-card-container{display:none !important;}';//弹幕区找他玩消费引导横条
    css += '.chat-history-panel.new{padding-bottom: 0px !important;}';//弹幕区连击互动高度
    css += '#combo-card{display:none !important;}';//弹幕区连击互动
    css += '.gift-wish-card-root{display:none !important;}';//弹幕区主播今日心愿
    css += '.pay-note-panel .detail-info .mask{background-color: #0000001a !important;border-radius: 4px !important;}';//弹幕区醒目留言展开后背景透明度
    css += '.pay-note-panel{background-color: #ffffff !important;border-radius:4px 4px 0 0 !important;}';//弹幕区醒目留言背景颜色
    css += '.chat-history-panel .chat-history-list .chat-item.danmaku-item .emoticon.bulge img {height: 30px !important;}';//弹幕区表情图片大小
    css += '.live-room-app .app-content .app-body .player-and-aside-area .aside-area {border: 1px solid #ffffff00 !important;}';//弹幕区边框颜色
    css += '.ps:hover > .ps__scrollbar-y-rail:hover {background-color: #eeeeee00 !important;opacity: 0.5 !important;}';//弹幕区滚动条触碰时颜色和背景色
    css += '.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-raiy{background-color: #eeeeee00 !important;opacity: 0.5 !important;}';//弹幕区滚动条按下时颜色和背景色
    css += '.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail{background-color: #eeeeee00 !important;opacity: 0.5 !important;}';//弹幕区滚动条滚动条滑动时颜色和背景色
//直播间弹幕输入区
    css += '.chat-control-panel{border-radius: 0 0 4px 4px !important;}';//弹幕输入框圆角
    css += '.chat-control-panel{background-color: #ffffff !important;}';//弹幕输入框背景颜色
    //css += '#combo-card{display:none !important;}';//弹幕框上+1引导发弹幕
    //css += '.bg-bright-filter.chat-control-panel{display:none !important;}';//弹幕输入框
    css += '.super-chat{display:none !important;}';//弹幕输入框醒目留言
    css += '.like-btn{display:none !important;}';//弹幕输入框点赞
    css += '.p-relative.play-together-panel{display:none !important;}';//弹幕输入框一起玩
    //css += '.emoticons-panel{left: -170px !important;}';//弹幕输入框表情位置
    //css += '.mask-pane-free{display:none !important;}';//弹幕输入框表情内获得免费表情提示
    css += '.medal-section{display:none !important;}';//弹幕输入框粉丝徽章
    //css += '.chat-input{font-size: 14px !important;}';//弹幕输入框字体大小
    //css += '.chat-input{padding: 8px 5px !important;}';//弹幕输入框位置调整
    css += '.chat-input{width: 200px !important;}';//弹幕输入框宽度调整
    css += '.chat-control-panel{height: 140px !important;}';//弹幕输入框高度
    //css += '.input-limit-hint{top: 40px !important;right: 50px !important;}';//弹幕输入框字数限制位置
    //css += '.bl-button--small{min-width: 46px !important;}';//弹幕输入框发送按钮宽度
    //css += '.bl-button--small{height: 57px !important;}';//弹幕输入框发送按钮高度
    //css += '.bl-button--small{top: -65px !important;right: 0px !important;}';//弹幕输入框发送按钮位置
    css += '.bl-button--primary{border-radius: 24px !important;}';//弹幕输入框发送按钮圆角
    css += '.bl-button--primary{background-color: #f69 !important;}';//弹幕输入框发送按钮颜色
    css += '.gift-block-toast{display:none !important;}';//弹幕输入框关闭礼物特效提醒
    css += '.chat-input-ctnr.chat-input-focus{border-color: #e3e5e7 !important;}';//弹幕输入框内框边框颜色
    css += '.chat-input-ctnr{background-color: #fbfbfb !important;}';//弹幕输入框文字输入区颜色
    css += '.chat-input{background-color: #fbfbfb !important;}';//弹幕输入框文字输入区颜色

loadStyle(css)
   function loadStyle(css) {
      var style = document.createElement('style')
      style.type = 'text/css'
      style.rel = 'stylesheet'
      style.appendChild(document.createTextNode(css))
      var head = document.getElementsByTagName('head')[0]
      head.appendChild(style);
   }

})();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址