Greasy Fork is available in English.

Bilibili Bangumi Cover

Show Bilibili Bangumi Cover

  1. // ==UserScript==
  2. // @name Bilibili Bangumi Cover
  3. // @name:zh-CN 哔哩哔哩番剧封面
  4. // @namespace hoothin
  5. // @version 0.7
  6. // @description Show Bilibili Bangumi Cover
  7. // @description:zh-CN 在哔哩哔哩番剧页面中显示封面
  8. // @grant GM_xmlhttpRequest
  9. // @author hoothin
  10. // @include http*://bangumi.bilibili.com/anime/*
  11. // @include http*://www.bilibili.com/bangumi/play/*
  12. // ==/UserScript==
  13.  
  14. (function() {
  15. 'use strict';
  16. var vSmall=document.querySelector(".bangumi-recom");
  17. console.log(vSmall);
  18. if(!vSmall)return;
  19. var title=document.createElement("h4");
  20. title.id="coverTitle";
  21. title.classList.add("recom-title");
  22. title.style.display="block";
  23. title.innerHTML="封面";
  24. var coverLink=document.createElement("a");
  25. var cover=document.createElement("img");
  26. cover.style.width="270px";
  27. coverLink.target="_blank";
  28. coverLink.appendChild(cover);
  29. /*var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
  30. var observer = new MutationObserver(function(records){
  31. });
  32. var option = {
  33. 'childList': true
  34. };
  35. observer.observe(vSmall, option);*/
  36. if(!vSmall.querySelector("h3#coverTitle")){
  37. vSmall.insertBefore(coverLink,vSmall.firstChild);
  38. vSmall.insertBefore(title,vSmall.firstChild);
  39. refreshCover();
  40. }
  41. function refreshCover(){
  42. GM_xmlhttpRequest({
  43. method: 'GET',
  44. url: "http://bangumi.bilibili.com/web_api/episode/"+location.href.replace(/.*ep/i,"")+".json",
  45. onload: function(result) {
  46. console.log(11);
  47. try {
  48. var bangumiData = JSON.parse(result.responseText);
  49. coverLink.href=cover.src=bangumiData.result.currentEpisode.cover;
  50. }catch (e) {
  51. console.log(e);
  52. }
  53. }
  54. });
  55. }
  56. })();