Greasy Fork is available in English.
B站内链助手
当前为
// ==UserScript==
// @name Bilibili Popups
// @namespace sheep-realms
// @version 1.3.0
// @description B站内链助手
// @author Sheep-realms
// @match *://*.bilibili.com/*
// @require http://libs.baidu.com/jquery/2.0.0/jquery.min.js
// @license CC BY-NC-SA 3.0
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_addStyle
// @grant GM_deleteValue
// @run-at document-body
// ==/UserScript==
let popupsState = 0;
let popupsTimer;
let mx = 0;
let my = 0
let disable = false;
function Popups() {
this.id = "popups";
this.$sel = "#" + this.id;
this.disable = false;
this.load = function() {
$("body").append('<div id="'+this.id+'" class="hide"><h4 class="title"></h4></div>');
}
this.resetView = function(title="missingno") {
$(this.$sel).html('<h4 class="title">'+title+'</h4>');
}
this.error = function(title="出错啦！", message="") {
this.resetView(title);
$(this.$sel).append('<p>'+message+'</p>');
}
}
let pop = new Popups();
function PopupsFactory() {
this.id = "popups";
this.$sel = "#" + this.id;
this.url = function(subdomain="www", path="") {
return "https://"+subdomain+".bilibili.com/"+path;
}
this.link = function(url="", text="", strClass="") {
return '<a target="_blank" class="'+strClass+'" href="'+url+'">'+text+'</a>';
}
this.userinfo = function(uid="", username="") {
return '<p>作者：'+this.link(this.url("space", uid), username)+' ['+this.link(this.url("message", "#whisper/mid"+uid), "私信")+'] （'+this.link(this.url("space", uid+"/dynamic"), "动态")+' | '+this.link(this.url("space", uid+"/video"), "投稿")+' | '+this.link(this.url("space", uid+"/channel/series"), "列表")+'）</p>';
}
}
let popf = new PopupsFactory();
$(document).mousemove(function(e){
mx = e.pageX;
my = e.pageY;
});
$(document).keydown(function(e) {
disable = e.altKey;
})
$(document).keyup(function(e) {
disable = e.altKey;
})
$(document).ready(function() {
var csslist = "";
csslist += "#popups {max-width: 320px; position: absolute; background-color: #FFF; border: #BBB 1px solid; box-shadow: rgb(50 50 50 / 35%) 0 3px 8px; z-index: 12000; padding: 10px; color: #222;}";
csslist += ".hide {display: none;}";
csslist += "#popups .video-stat tr td:first-child {padding-right: 1.5em;}";
csslist += "#popups .video-stat tr td {line-height: 1.5em;}";
csslist += "#popups h4 {font-size: 14px; border-bottom: #BBB 1px solid; margin-bottom: 5px; font-weight: bold;}";
csslist += "#popups p {color: #222; font-size: 12px; line-height: 1.5em;}";
csslist += "#popups a {color: #00a1d6;}";
csslist += "#popups .video-desc {max-width: 300px; max-height: 150px; padding: 5px; background-color: #F4F4F4; overflow: hidden;}";
GM_addStyle(csslist);
pop.load();
$("#popups").mouseenter(function() {
// console.log(">> mouseover #popups");
popupsState = 1;
clearTimeout(popupsTimer);
});
$("#popups").mouseleave(function() {
// console.log("<< mouseleave #popups");
popupsState = 0;
clearTimeout(popupsTimer);
popupsTimer = setTimeout(function() {
$("#popups").addClass('hide');
}, 500)
});
});
$(document).on("mouseenter", "a:not(#popups a)", function() {
// console.log(">> mouseover a");
if (disable) return false;
let a = $(this).offset();
let $that = $(this);
popupsState = 1;
clearTimeout(popupsTimer);
let mode = "";
let url = $(this).attr("href");
let path = getUrlPath($(this).attr("href"));
let qid;
if (path.search(/\/video\/av/) != -1) {
mode = "av";
qid = path.slice(9).replace("/","");
} else if (path.search(/\/video\/BV/) != -1) {
mode = "bv";
qid = path.slice(7).replace("/","");
} else if (path.search(/\/read\/cv/) != -1) {
mode = "cv";
qid = path.slice(8).replace("/","");
} else if (url.search(/space.bilibili.com/) != -1) {
mode = "user";
if (path == "space.bilibili.com" || path == "/") return false;
if (path.search(/\/[a-z]/) != -1) {
qid = path.slice(1,path.search(/\/[a-z]/));
} else {
if (path.slice(-1) == "/") {
qid = path.slice(1, -1);
} else {
qid = path.slice(1);
}
}
} else {
return false;
}
popupsTimer = setTimeout(function() {
$(".popups-focus").removeClass("popups-focus");
$that.addClass("popups-focus");
$("#popups").html('<h4 class="title"></h4>');
$("#popups .title").text("加载中...");
if (mode == "av") {
getVideoInfoAV(qid);
}
if (mode == "bv") {
getVideoInfoBV(qid);
}
if (mode == "cv") {
getArticleInfo(qid);
}
if (mode == "user") {
getUserInfo(qid);
}
$("#popups").removeClass('hide');
//$("#popups").css("left", a.left).css("top", a.top + 20);
$("#popups").css("left", mx + 5).css("top", my + 5);
}, 500)
});
$(document).on("mouseleave", "a.popups-focus", function() {
// console.log("<< mouseleave a");
let $that = $(this);
popupsState = 0;
clearTimeout(popupsTimer);
popupsTimer = setTimeout(function() {
$("#popups").addClass('hide');
$that.removeClass("popups-focus");
}, 500)
});
function getUrlPath(url){
var arrUrl = url.split("//");
var start = arrUrl[arrUrl.length - 1].indexOf("/");
var relUrl = arrUrl[arrUrl.length - 1].substring(start);
if(relUrl.indexOf("?") != -1){
relUrl = relUrl.split("?")[0];
}
return relUrl;
}
function getJSONInfo(url) {
$.getJSON(url,
function (ajson) {
console.log(ajson);
});
}
function getVideoInfoAV(aid) {
$.getJSON("https://api.bilibili.com/x/web-interface/view?aid=" + aid,
function (ajson) {
if (ajson.code == 0) {
factoryVideoInfo(ajson.data);
} else {
pop.error("出错啦！", "未能获取视频信息，可能是网络问题，或是视频已被删除。<del>又或者是作者写了个BUG！</del>");
}
});
}
function getVideoInfoBV(bvid) {
$.getJSON("https://api.bilibili.com/x/web-interface/view?bvid=" + bvid,
function (ajson) {
if (ajson.code == 0) {
factoryVideoInfo(ajson.data);
} else {
pop.error("出错啦！", "未能获取视频信息，可能是网络问题，或是视频已被删除。<del>又或者是作者写了个BUG！</del>");
}
});
}
function factoryVideoInfo(obj) {
$("#popups .title").text(obj.title);
$("#popups").append('<p>'+popf.link(popf.url('www','video/av'+obj.aid), obj.aid)+' | '+popf.link(popf.url('www','video/'+obj.bvid), obj.bvid)+'</p>');
$("#popups").append(popf.userinfo(obj.owner.mid, obj.owner.name));
$("#popups").append('<p>分区：<span>'+obj.tname+'</span></p>');
$("#popups").append('<p>发布时间：<span>'+getDateTime(obj.pubdate)+'</span></p>');
$("#popups").append('<p>播放：<span>'+obj.stat.view+'</span></p>');
$("#popups").append('<table class="video-stat"></table>');
$("#popups .video-stat").append('<tr><td>点赞：<span>'+obj.stat.like+'</span></td><td>投币：<span>'+obj.stat.coin+'</span></td></tr>');
$("#popups .video-stat").append('<tr><td>弹幕：<span>'+obj.stat.danmaku+'</span></td><td>评论：<span>'+obj.stat.reply+'</span></td></tr>');
$("#popups .video-stat").append('<tr><td>收藏：<span>'+obj.stat.favorite+'</span></td><td>分享：<span>'+obj.stat.share+'</span></td></tr>');
//$("#popups").append('<p>时长：<span>'+obj.duration+'</span></p>');
$("#popups").append('<p><a target="_blank" href="https://www.biliplus.com/video/'+obj.bvid+'">BiliPlus</a></p>');
$("#popups").append('<p><a target="_blank" href="'+obj.pic+'">查看视频封面</a></p>');
$("#popups").append('<p>简介：</p>');
$("#popups").append('<p class="video-desc">'+obj.desc+'</p>');
}
function getArticleInfo(cvid) {
$.getJSON("https://api.bilibili.com/x/article/viewinfo?id="+cvid,
function (ajson) {
if (ajson.code == 0) {
let obj = ajson.data;
$("#popups .title").text(obj.title);
$("#popups").append('<p><a target="_blank" href="https://www.bilibili.com/read/cv'+cvid+'">cv'+cvid+'</a></p>');
$("#popups").append(popf.userinfo(obj.mid, obj.author_name));
$("#popups").append('<p>阅读：<span>'+obj.stats.view+'</span></p>');
$("#popups").append('<table class="video-stat"></table>');
$("#popups .video-stat").append('<tr><td>点赞：<span>'+obj.stats.like+'</span></td><td>投币：<span>'+obj.stats.coin+'</span></td></tr>');
$("#popups .video-stat").append('<tr><td>收藏：<span>'+obj.stats.favorite+'</span></td><td>分享：<span>'+obj.stats.share+'</span></td></tr>');
$("#popups .video-stat").append('<tr><td>评论：<span>'+obj.stats.reply+'</span></td><td>动态转发：<span>'+obj.stats.dynamic+'</span></td></tr>');
$("#popups").append('<p><a target="_blank" href="'+obj.banner_url+'">查看文章头图</a></p>');
} else {
pop.error("出错啦！", "未能获取专栏信息，可能是网络问题，或是专栏已被删除。<del>又或者是作者写了个BUG！</del>");
}
});
}
function getUserInfo(uid) {
$("#popups").append('<p>UID：'+popf.link(popf.url("space", uid, "user-uid"), uid)+'</p>');
$("#popups").append('<p>关注：'+popf.link(popf.url("space", uid+"/fans/follow"), "...", "user-friend")+' | 粉丝：'+popf.link(popf.url("space", uid+"/fans/fans"), "...", "user-fans")+'</p>');
$.getJSON("https://api.bilibili.com/x/space/acc/info?mid="+uid,
function (ajson) {
if (ajson.code == 0) {
let obj = ajson.data;
$("#popups .title").text(obj.name);
$("#popups .user-uid").text(obj.mid);
$("#popups").append('<p>等级：<span>Lv'+obj.level+'</span></p>');
$("#popups").append('<p><a target="_blank" href="https://message.bilibili.com/#whisper/mid'+obj.mid+'">私信</a> | <a target="_blank" href="https://space.bilibili.com/'+obj.mid+'/dynamic">动态</a> | <a target="_blank" href="https://space.bilibili.com/'+obj.mid+'/video">投稿</a> | <a target="_blank" href="https://space.bilibili.com/'+obj.mid+'/channel/series">列表</a></p>');
$("#popups").append('<p><a target="_blank" href="'+obj.face+'">查看头像</a></p>');
$("#popups").append('<p><a target="_blank" href="'+obj.top_photo+'">查看主页头图</a></p>');
}
});
$.getJSON("https://api.bilibili.com/x/web-interface/card?mid="+uid,
function (ajson) {
if (ajson.code == 0) {
let obj = ajson.data.card;
$("#popups .user-friend ").text(obj.friend);
$("#popups .user-fans").text(obj.fans);
}
});
}
function getDateTime(stamp) {
let t = new Date(stamp * 1000);
return t.getFullYear() + '-' + (t.getMonth() + 1) + '-' + t.getDate() + ' ' + t.getHours() + ':' + t.getMinutes() + ':' + t.getSeconds();
}