【折腾】GM_脚本修改 bilibili 番剧链接为我的追番

吐槽/反馈/建议:咸鱼哪有心    爱发电-@wdssmq

需求描述

图1

在 bilibili 顶部导航里有一个[番剧]链接,[主站]和[游戏中心]中间那个,指向链接是:

https://www.bilibili.com/anime/ 【链接 1】

然而我每次点这个链接是因为进去后有一个[我的追番]区域,然后点区域标题后边的[更多]会进入:

https://space.bilibili.com/44744006/bangumi 【链接 2】

感觉很麻烦,所以决定直接把【链接 1】替换为【链接 2】

开始

浏览器审查元素,该链接的 html 代码是:

<a href="//www.bilibili.com/anime/" target="_blank" class="link">番剧</a>

并没有特定的 ID 或类名供使用,但是可以使用【attribute(属性)】相关选择器中的【href 属性值以”/anime/“结尾的 a 元素】。^attribute 选择器参考链接

$("a[href$='/anime/']").length

在控制台运行上边代码↑,目的有三:

1、验证下 B 站有没有引入 jQuery;
2、确定下选择器是不是对;
3、确定下会不会选到多个元素;

结果是[动态首页]输出1,然而 B 站首页输出undefined,虽然不知道为什么,但是先只说前者,因为网页版很少需要进首页;

理论上可以直接执行下边代码:

$("a[href$='/anime/']").attr("href","https://space.bilibili.com/44744006/bangumi");

↑其作用是,将【选定元素】的【href】这一属性的【值】设置为输入的内容,在本例就就是预定要修改的【链接 2】,然而问题是这里写死了我的 uid,,想要通用的话自动获取当前登录用户的 uid 比较好;

图2

↑在控制台直接搜索自己的 uid,发现三个结果;

$("a.count-item[href^='//space']").length

↑这次的选择器是这个,,以【XXX】开头,这里限定了[.count-item]选择器,不加的话结果有 35 个。。

虽然结果有三个,但是直接操作的话会对第一个生效:

$("a.count-item[href^='//space']").attr("href")

读取元素的属性值↑

完整代码↓

// 番剧链接改为我的追番
(() => {
  // <a href="//www.bilibili.com/anime/" target="_blank" class="link">番剧</a>
  // $("a[href$='/anime/']").length
  // <- 1
  // $("a.count-item[href^='//space']").length
  // <- 3
  // $("a.count-item[href^='//space']").attr("href")
  // <- "//space.bilibili.com/44744006/fans/follow"
  // 
  const uid = ((url) => {
    // console.log(url.match(/\d+/));
    return (url.match(/\d+/))[0];
  })($("a.count-item[href^='//space']").attr("href"));

  $("a[href$='/anime/']").attr(
    "href",
    `https://space.bilibili.com/${uid}/bangumi`
  );
})();

↓↓最后在浏览器插件中新建一个用户脚本,然后将代码贴进去;

图3


爱发电

本文标题:《【折腾】GM_脚本修改 bilibili 番剧链接为我的追番》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20100222433.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

囧啊囧 囧啊囧 发布于 2010-11-10 19:37:16  
#cmt211
第一句貌似是歌词。
回复
梦舞霓裳 梦舞霓裳 发布于 2010-02-22 15:51:42  
#cmt210
怎么看不到广告了
回复
发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

召唤伊斯特瓦尔