众所周知，从2024年4月9日开始，b站首页终于回不去旧版了，这也是早就预料到的，最好的解决办法是css，如果有人能用cookie的办法解决请告诉我

以下介绍三种方法，前两种方法基于修改css，第三种方法基于修改header。

方法一：

这些css是之前就写好的（那时还没有变成新版），所以这个不是完美的办法，相信稍后会有人在新版网页的基础上写css。

首先，你需要用油猴脚本“Bilibili旧播放页”

安装好之后，进入这个脚本的“设置”-“重写”，勾选“首页”。注意，这个旧版是返回到很古老的版本，所以不建议你勾选其他项目。对于搜索页，播放页这些，可以使用“B站仿旧样式（搜索页，播放页，css）”来恢复。

上面操作完成之后，安装一个浏览器的插件，Stylus（firefox，chrome，edge都可以使用）

打开这个插件，建立“new style”，然后把以下代码贴上去（这些代码里面的数字你也可以按照自己喜好修改，因为不知道这些数字是否适用于你的显示器分辨率，总之自己调节到最佳）

/* ==UserStyle==

@name Bilibili 20-21年旧版

@namespace Ceale2021OldBili

@version 0.1.5

@description 还原20-21年时期bilibili旧版界面

@author XiaohuangCeale

#match *://*.bilibili.com/*

#include *://*.bilibili.com/*

@icon https://www.bilibili.com/favicon.ico

==/UserStyle== */

@-moz-document url-prefix("https://www.bilibili.com/";) {

    .bili-header-m{

        width: 1920px;

    }  

    .bili-wrapper{

        width:1720px;

    }

    .elevator-module{

        left:65%;

    }  

    .bili-wrapper .l-con{

        width:1460px;

    }

    .chief-recommend-module .carousel-box{

        width:540px;

        height:270px;

    }

    .chief-recommend-module .recommend-module{

        height:270px;

    }

    .groom-module{

        height:135px;

        width:216px;

    }

    .groom-module .pic{

        width:100%;

        height:100%;}

    .groom-module .card-mark{

        top:82px;

        width:210px;

        height:40px;

    }

    .spread-module{

        width:216px;

        height:198px;

    }

    .spread-module .pic{

        width:100%;

        height:68%;

    }

    .live-module .storey-box{

        height:426px;

    }

    .card-live-module{

        width:216px;

        height:188px;        

    }

    .card-live-module .pic{

        width:100%;

        height:70%;        

    }

    .new-comers-module .storey-box{

        height:426px;

    }

    .carousel-module .panel .pic li,

    .carousel-module .panel .scrollx{

        width:540px;

        height:270px;

    }

    img{

        width:100%;

        height:100%;

    }

    .bangumi-timing-module .card-timing:first-child, .bangumi-timing-module .card-timing:nth-child(2), .bangumi-timing-module .card-timing:nth-child(3), .bangumi-timing-module .card-timing:nth-child(4),

    .bangumi-timing-module .card-timing:first-child:nth-child(4), .bangumi-timing-module .card-timing:nth-child(2):nth-child(4), .bangumi-timing-module .card-timing:nth-child(3):nth-child(4), .bangumi-timing-module .card-timing:nth-child(4):nth-child(4){

        padding-top:16px;

    }

    .bangumi-timing-module .card-timing{

        width:180px;

        padding-top:16px;

    }

.bili-header__bar {

    font-family: Microsoft YaHei;

    }

    .bili-video-card.is-rcmd {

        display: block!important;

    }

    .recommended-swipe {

        display: none!important;

    }

    .mini-header svg {

    display: none!important;

    }

    .bili-header .bili-header__bar {

    height: 55px!important;

    }

    .header-upload-entry {

    border-radius: 2px!important;

    width: 100px!important;

    }

    .header-upload-entry svg {

    display: none

    }

    .v-popover.is-bottom-start svg, .nav-search-btn svg {

    display: unset!important;

    }

    .nav-search-btn svg {

    width: 14px;

    margin-bottom: 2px;

    }

    .bili-header .center-search-container {

    height: 35px!important;

}

.bili-header .center-search-container .center-search__bar #nav-searchform {

    line-height: 35px!important;

    height: 35px!important;

    border-radius: 2px!important;

}

.bili-header .center-search-container .center-search__bar .nav-search-btn {

    right: 0!important;

    top: 0!important;

    width: 48px!important;

    height: 35px!important;

    background: #e7e7e7;

    border-radius: 0!important;

}

a.entry-title {

    margin-right: -10px!important;

}

a.entry-title {

    visibility: hidden;

}

a.entry-title::after {

    content: "主站";

    visibility: visible;

    position: absolute;

}

.bili-header .left-entry a.default-entry {

    margin-right: 12px!important;

}

.bili-header .right-entry__outside .right-entry-icon {

    display: none !important;

}

.bili-header .left-entry .download-client-trigger {

display: none}

.bili-header .red-num--message, .bili-header .red-num--dynamic {

    top: -9px !important;

    right: -4px !important;

    left: unset !important;

    }

}

就变成了这样：

方法二：

如果觉得上面的版本太旧，可以尝试这种方法，这种方法是基于2024年4月bilibili网页修改的，但不适于内测版（也就是说，如果内测版开始普遍使用的话，这种方法会失效）

首先，确保你不是在内测版。也就是你的i-wanna-go-feeds是-1

然后，打开Stylus（已经在firefox，chrome和edge测试过可用），点击write a new style，然后把下面的代码贴上去 （如果贴上去之后没有看到这一行“@-moz-document url-prefix("https://www.bilibili.com/";)”，就选择URL starting with, 填上https://www.bilibili.com/）：

/* ==UserStyle==@name Bilibili 2022年旧版@namespace 2022@version 0.1.7@description 还原bilibili旧版界面@homepageURL     https://github.com/@author hidetake seiko#match *://*.bilibili.com/*#include *://*.bilibili.com/*@icon https://www.bilibili.com/favicon.ico@downloadURL https://update.greasyfork.org/@updateURL https://update.greasyfork.org/==/UserStyle== */

@-moz-document url-prefix("https://www.bilibili.com/";) {.bili-header__bar {font-family: Microsoft YaHei;}.bili-header .v-popover-wrap .header-favorite-container .header-favorite-container-box .header-favorite-container__down {display: none; }.header-favorite-container{height: 28px;}.bili-video-card.is-rcmd {display: block!important;}.bili-video-card{--title-font-size: 13px;--subtitle-font-size: 12px;--cover-radio: 66%!important;display: block!important;}.recommended-swipe {display: block!important;--cover-radio: 50%!important;} .mini-header svg {display: none!important;} .bili-header .bili-header__bar {height: 55px!important;}.header-upload-entry {border-radius: 2px!important;width: 100px!important;}.header-upload-entry svg {display: none}.v-popover.is-bottom-start svg, .nav-search-btn svg {display: unset!important;}.nav-search-btn svg {width: 14px;margin-bottom: 2px;}.bili-header .center-search-container {height: 35px!important;}.bili-grid {grid-template-columns: repeat(7,1fr);}.recommend-container__2-line{grid-template-columns: repeat(8,1fr);grid-column: span 8;}.recommended-swipe{grid-column: 1/4;grid-row: 1/3;}.recommended-swipe-shim{grid-template-columns: repeat(2,1fr);}.recommended-swipe-body{border-radius: 2px;  }.bili-video-card__skeleton--cover{border-radius: 2px;}.bili-video-card .bili-video-card__image{border-radius: 2px;}.bili-video-card .bili-video-card__cover{border-radius: 2px;}.live-card-list{grid-column: span 6;display: block!important;}.live-card-body{grid-template-columns: repeat(6,1fr);}.bili-live-card{--title-font-size: 13px;--subtitle-font-size: 12px;}.bili-live-card .bili-live-card__image{border-radius: 2px;}.live-card-body>*:nth-of-type(1n + 9){display: block!important;}.video-card-list.is-main{grid-column: span 6;}.video-card-list.is-main .video-card-body{grid-template-columns: repeat(6,1fr);}.video-card-list.is-main .video-card-body>*:nth-of-type(1n + 9){display: block!important;}.bili-rank-list-video .bili-rank-list-video__list{overflow: auto;}.bangumi-area{grid-column: span 7;}.bangumi-card-list{grid-column: span 6;}.bili-bangumi-card{--title-font-size: 13px;--subtitle-font-size: 12px;}.bangumi-card-shim{grid-template-columns: repeat(6,1fr);grid-column: span 6;}.bangumi-card-body.is-loading{grid-template-columns: repeat(6,1fr);}.bangumi-card-body.is-content{grid-template-columns: repeat(6,1fr);}.bangumi-card-body.is-loading>*:nth-of-type(1n + 9){display: block!important;}.bangumi-activity-area{grid-column: span 6;    }.bangumi-activity-area .bangumi-activity-body{grid-template-columns: repeat(6,1fr);}.bangumi-activity-area .bangumi-activity-body>*:nth-of-type(1n + 11){display: block!important;}.bili-bangumi-card .bili-bangumi-card__image{border-radius: 2px; }.bili-bangumi-card .bili-bangumi-card__cover{border-radius: 2px;}.bili-movie-card{--title-font-size: 13px;--subtitle-font-size: 12px;}.bili-movie-card .bili-movie-card__cover{border-radius: 2px;}.guo-chuang-area{grid-column: span 8;}.variety-area{grid-column: span 7;}.manga-card-list{grid-column: span 6;}.bili-rank-list-manga .bili-rank-list-manga__list{overflow: auto!important;}.aside-manga-rank-list .carousel-transform, .aside-manga-rank-list .carousel-transform .carousel-slide{overflow: auto!important;}.cheese-card-list{grid-column: span 7;}.cheese-card-list .cheese-card-body{grid-template-columns: repeat(7,1fr);}.cheese-card-list .cheese-card-body>*:nth-of-type(1n + 9){display: block!important;}.bili-cheese-card .bili-cheese-card__cover{border-radius: 2px;}.bili-cheese-card{--title-font-size: 13px;--subtitle-font-size: 12px;  }.bili-rank-list-cheese .bili-rank-list-cheese__list{overflow: auto;}.bili-rank-list-cheese{--title-font-size: 14px;}.information-area{grid-column: span 7;}.information-area .information-body{grid-template-columns: repeat(7,1fr);}.information-area .information-body>*:nth-of-type(1n + 11){display: block!important;}.article-card-list{grid-column: span 6;}.article-card-body{grid-template-columns: repeat(4,1fr);}.movie-card-list{grid-column: span 6;}.movie-card-body{grid-template-columns: repeat(6,1fr);}.movie-card-body>*:nth-of-type(1n + 9){display: block!important;}}

效果如图：

方法三

当b站认为你的浏览器版本过低的时候，会自动帮你退回2019年的版本，所以通过修改浏览器的header，就能重新回到旧版b站（比“b站旧播放页”那个版本新）

下载浏览器插件 header editor（firefox, chrome, edge适用）

打开插件，选择rules list，点击下面的加号

Rule type：Modify request header；Match type可以是URL prefix或者正则表达式，如果选URL prefix就在match rules里输入http://www.bilibili.com，如果选择正则表达式就在match rules里输入bilibili（遇到所有含有bilibili的网址都会发送旧header）

由于b站认为你的浏览器版本太旧，所以有些页面会加载不出来，所以对于某些特定的页面，我们需要不发送旧header。在exclude rules里面，填入不需要发送旧header的表达式，比如(www.bilibili.com/bangumi/)|(space.bilibili.com)，就是说，在空间和番剧这两种页面，我们会用新版的b站数据（旧版b站加载不出space页面），如果还有更多页面需要添加，只需要继续在后面增加"|()"，然后在括号里填入网页地址就可以了。

Execute type：normal；Header name：user-agent；Header value：Mozilla/5.0 (Windows NT 5.1; rv:52.0) Gecko/20100101 Firefox/59.0

这样b站就会以为你的浏览器是firefox 59.0版，从而给你发送旧版页面，当然你可以按照自己喜欢编写你的header信息

由于b站以为你的浏览器太旧，所以在打开网页的同时，有可能会跳出一个对话框让你下载最新版浏览器，在网页最上方也会出现一行提示文字。当然，这些都可以点掉，但如果你从一开始就不想看到它们，可以利用adblocker之类的插件屏蔽它们，或者利用stylus写css屏蔽它们：

新建一个style

选择URLs starting with, 输入“https://www.bilibili.com/”

然后粘贴以下代码：

.browser-tip-dialog[data-v-583204ed]{display: none!important;}      .ie-browser-tips{display: none!important;}