为你的哔哩哔哩PC首页增加「猜你喜欢」模块
What is 哔哩哔哩·猜你喜欢?
哔哩哔哩·猜你喜欢是一款Chrome插件,它为哔哩哔哩PC首页添加了「猜你喜欢」的功能。这款插件让你在刷完关注列表后,仍有许多符合你兴趣的影片推荐,让你在沉浸在海量内容中也能找到自己喜欢的影片。提升你的浏览体验,且安装适用后点击视频,之后即可看到推荐视频。
Extension stats
By: 久远寺千歳
Users: 5,000+
Rating: 4.61
(46)
Creation date: 2020-03-25
Risk impact: Low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Permissions:
Size: 20.09K
Email: *****@thec.me
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
作为被时代抛弃的PC党,每次刷完自己的关注列表后,面对堆满视频的首页却感觉完全没东西可看,这种时候真的好羡慕手机上的猜你喜欢啊!!! 所以我就问了三哥PC首页啥时候才会有猜你喜欢,三哥说计划是有的,但是PC首页流量也很大需要慢慢来 =3= 既然一时半会不会有官方的猜你喜欢,那我们只能自己动手做一个了!
感谢 @April 帮忙画的以假乱真的小电视图标w
** 关于推荐列表为空时占的面积比较大的问题:只要安装这个扩展后随便点击一个视频,然后刷新页面就有推荐视频了,空白只会存在一小会而已
20191125:更新兼容了B站新版首页,暂时没时间细调样式,所以后边会有挺大的空白,等我考完试我会找点时间处理下的!
关键字:bilibili、B站、哔哩哔哩、猜你喜欢
User reviews
Pros
- 插件功能很不错
- 可以改善B站的推荐视频体验
- 感谢作者的更新
- 用户界面友好
Cons
- 停止更新,无法适配新版首页
- 在新版首页上失效
- 存在bug,比如视频封面拉伸
- 不能与其他浏览器同步
Most mentioned
- 新版首页无法使用
- 求升级维护
- 插件停止更新
- 视频推荐显示不正常
Recent reviews
是很不错的插件,可惜停止更新了,新版已经无法适配了,已失效
B站强制更新新版首页,已经失效了
请问出现这个怎么办
// 插入页面
// 目前看来第一个<section class="bili-grid short-margin grid-anchor">是首屏的推荐模块,我们直接插在她下面就可以了
const anchor = document.querySelector('.bili-grid.short-margin.grid-anchor');
if (!anchor) {
throw new Error(`${LOG_PREFIX} 无法定位首屏推荐模块 <section class="bili-grid short-margin grid-anchor">`)
}
anchor.insertAdjacentElement('afterEnd', node);
UI.node = node;
resolve();
});
},
// 获取推荐模块的引用
getRecommandNode() {
return new Promise(async(resolve) => {
// 检查是否有已插入的节点
UI.node = document.querySelector('#_bili_guessyoulike');
if (!UI.node) {
// 没有就创建
await UI.insertRecommands();
}
resolve();
});
},
renderVideoCard(video) {
function toWan(number) {
return number > 9999 ? ((number / 10000).toFixed(1) + '万') : number;
}
function toMin(seconds) {
return String(Math.floor(seconds / 60)).padStart(2, '0') + ':' + String(seconds % 60).padStart(2, '0');
}
function toHttps(url) {
return url.replace('http://', 'https://');
}
return videoCardTemplate.replaceAll('!#{bvid}', video.bvid)
.replaceAll('!#{duration}', toMin(video.duration))
.replaceAll('!#{title}', video.title)
.replaceAll('!#{cover}', toHttps(video.pic))
.replaceAll('!#{view}', toWan(video.stat.view))
.replaceAll('!#{like}', toWan(video.stat.like))
.replaceAll('!#{uid}', video.up.mid)
.replaceAll('!#{avatar}', toHttps(video.up.face))
.replaceAll('!#{username}', video.up.name)
},
async updateRecommands(videos) {
await UI.getRecommandNode();
const node = UI.node;
const stage = node.querySelector('.bangumi-activity-body');
if (videos.length) {
// 生成视频卡片
const videoCardsHTML = videos.map(video => UI.renderVideoCard(video)).join('');
stage.innerHTML = videoCardsHTML;
} else {
stage.innerHTML = '<p style="color: #777; line-height: 360px; text-align: center; width: 100%;">观看记录为空,快去看几个视频吧~</p>';
}
},
// 监听来自页面的更新请求
listen() {
window.addEventListener('message', (ev) => {
if (ev.data.type && ev.data.type == 'UPDATE_RECOMMANDS') {
RECOMMAND.recommand(recommandMax);
}
});
}
}
// 在视频页直接点击关联视频并不会刷新页面,而是直接ajax加载改变url,所以我们要监听hashchange
// 试了下hashchange事件好像监听不到?不知道为啥,写个dirty check吧
const URLLISTENER = {
timer: null,
bvid: '',
tick() {
const bvid = UI.getBVID();
if (bvid !== URLLISTENER.bvid) {
DB.logUserViewHistory(bvid);
RECOMMAND.get(bvid);
URLLISTENER.bvid = bvid;
console.log(`${LOG_PREFIX} Logged ${bvid}`);
}
},
init() {
URLLISTENER.timer = setInterval(URLLISTENER.tick, 10000); // 10s检查一次差不多了吧
URLLISTENER.tick();
}
}
function init() {
// 当前是否首页?
if (UI.isIndex()) {
RECOMMAND.recommand(recommandMax);
UI.listen();
}
// 当前是否视频播放页?
// 如果是视频播放页,则获取当前视频的相关推荐视频
if (UI.isVideo()) {
URLLISTENER.init();
}
}
// 增加了bvid字段,需要清除以前的数据
DB.get('_20200325_clear_data', (cleared) => {
if (cleared) {
init();
} else {
chrome.storage.local.clear(() => {
DB.set({ '_20200325_clear_data': true });
init();
});
}
});
Extension safety
Risk impact
哔哩哔哩·猜你喜欢 requires very minimum permissions.
Risk likelihood
哔哩哔哩·猜你喜欢 has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details
Similar extensions
Here are some Chrome extensions that are similar to 哔哩哔哩·猜你喜欢:
為什麼你們就是不能加個空格呢? Btools Dmooji - Live Comments & Danmu(弹幕) on YouTube 眼不见心不烦(新浪微博) ACG Helper - Designed for Bilibili Extension Manager BewlyBewly bilibili哔哩哔哩下载助手 NooBox Live Helper SimpRead - Reader View Bilibili Music: Bilibili.com Auxiliary
https://vinta.ws
4.74
20,000+
https://btools.cc
4.43
20,000+
https://dmooji.com
4.79
10,000+
富平侯
4.89
30,000+
https://acghelper.com
4.61
200,000+
Extension Manager
4.39
100,000+
Hakadao
4.85
70,000+
https://csser.top
4.95
300,000+
https://ainoob.com
4.48
60,000+
spacemeowx2
4.71
2,000+
Kenshin Wang
4.80
100,000+
https://bilibili-helper.github.io
4.95
2,000+