Show More Info on the Anime/Manga page

Display the More Info button text contents after the synopsis only when an anime/manga has the More Info button. Don't worry about needing to open the More Info button anymore!

Installer ce script?
Script suggéré par l'auteur

Vous pourriez également aimer Show More Forum Discussions on Anime/Manga Pages.

Installer ce script 
// ==UserScript==
// @name         Show More Info on the Anime/Manga page
// @namespace    MoreInfoMAL
// @version      19
// @description  Display the More Info button text contents after the synopsis only when an anime/manga has the More Info button. Don't worry about needing to open the More Info button anymore!
// @author       hacker09
// @include      /^https:\/\/myanimelist\.net\/(anime|manga)(id=)?(\.php\?id=)?\/?\d+\/?(?!.*\/).*(\?q=.*&cat=anime|manga)?$/
// @icon         https://t3.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://myanimelist.net&size=64
// @run-at       document-end
// @grant        none
// ==/UserScript==

(async function() {
  'use strict';
  if (document.querySelector('.footer-desktop-button') !== null || document.querySelector("a[href*='moreinfo']") !== null && document.querySelector("[itemprop*='description'],.lh18") !== null) //If it's the mobile website or if entry has the more info tab and also has the Synopsis section
  { //Starts the if condition

    var style = ''; //Creates a new global variable
    var Class = ''; //Creates a new global variable

    if (document.querySelector('.footer-desktop-button') !== null) //If it's the mobile website
    { //Starts the if condition
      Class = 'header3 fs16 pb0'; //Change the class name
      style = 'line-height: 2.2rem!important;font-size: 1.6rem!important;'; //Change the div style
    } //Finishes the if condition

    const response = await (await fetch('https://api.jikan.moe/v4/' + location.href.split('/')[3] + '/' + location.pathname.match(/\d+/)[0] + '/moreinfo')).json(); //Fetch
    if (response.data.moreinfo !== null) //If the entry has any more info text
    { //Starts the if condition
      document.querySelector("[itemprop*='description'],.lh18").insertAdjacentHTML('afterend', `<div id="CallFunctionFormatMoreInfoText" style="${style}"><h2 class="${Class}" style="cursor: pointer;">More Info</h2>${response.data.moreinfo}</div>`); //Append the more info below the synopsis

      setTimeout(function() { //Creates a settimeout function
        document.querySelector("#CallFunctionFormatMoreInfoText > h2").onclick = async function() //When the More Info tab is clicked
        { //Starts the function
          const response = await fetch(document.querySelectorAll("a[itemprop='item']")[2].href + '/moreinfo'); //Fetch
          const html = await response.text(); //Gets the fetch response
          const newDocument = new DOMParser().parseFromString(html, 'text/html'); //Parses the fetch response
          const MoreInfoContent = newDocument.querySelector("div.js-scrollfix-bottom-rel"); //Creates a variable to hold the whole more info tab
          MoreInfoContent.querySelector("div.mal-ad-unit") !== null ? MoreInfoContent.querySelector("div.mal-ad-unit").remove() : ''; //Remove needless ads of the more info tab content
          MoreInfoContent.querySelector("div.breadcrumb").remove(); //Remove needless stuff of the more info tab content
          MoreInfoContent.querySelector("#horiznav_nav").remove(); //Remove needless stuff of the more info tab content
          document.querySelector("#CallFunctionFormatMoreInfoText").innerHTML = MoreInfoContent.innerHTML; //append the more info tab text content below the entry synopsis
          document.querySelector(".mb8").setAttribute("style", "margin-top: 15px;font-weight: 700;border-bottom: #e5e5e5 1px solid;"); //Add a line break between the synopis txt content and the More Info content
        }; //Finishes the function
      }, 2000); //Run the setimeout function after 2 secs that the page loaded
    } //Finishes the if condition
  } //Finishes the if condition
})();