☰

Pixiv Direct Links

Turns thumbnail titles into direct links and disables lazy-loading on ranking pages.

  1. // ==UserScript==
  2. // @name           Pixiv Direct Links
  3. // @namespace      https://greasyfork.org/scripts/4555
  4. // @description    Turns thumbnail titles into direct links and disables lazy-loading on ranking pages.
  5. // @include        *://www.pixiv.net/*
  6. // @grant          none
  7. // @version        2019.10.13
  8. // ==/UserScript==
  9.  
  10. //Disable lazy loading images.  These appear on ranking pages and the "Recommended" section of the bookmarks page.
  11. var dontSayLazy = true;
  12.  
  13. //----------------------------------------------------------------//
  14.  
  15. if( window == window.top )//not inside iframe
  16. {
  17.     //Link dem titles.
  18.     linkThumbTitles(document);
  19.     new MutationObserver( function(mutationSet)
  20.     {
  21.         mutationSet.forEach( function(mutation)
  22.         {
  23.             for( let i = 0; i < mutation.addedNodes.length; i++ )
  24.                 if( mutation.addedNodes[i].nodeType == Node.ELEMENT_NODE )
  25.                     linkThumbTitles( mutation.addedNodes[i] );
  26.         } );
  27.     }).observe( document.body, { childList:true, subtree:true } );
  28.  
  29.     if( dontSayLazy && unlazyImage() )
  30.     {
  31.         //Initial page has lazy images; listen for more images added later
  32.         new MutationObserver( function(mutationSet)
  33.         {
  34.             mutationSet.forEach( function(mutation)
  35.             {
  36.                 for( let i = 0; i < mutation.addedNodes; i++ )
  37.                     if( mutation.addedNodes[i].nodeType == Node.ELEMENT_NODE )
  38.                         unlazyImage( mutation.addedNodes[i] );
  39.             } );
  40.         }).observe( document.body, { childList:true, subtree:true } );
  41.     }
  42. }
  43.  
  44. //----------------------------------------------------------------//
  45.  
  46. function unlazyImage(target)
  47. {
  48. 	let images = ( target || document ).querySelectorAll("img[data-src]");
  49. 	for( let i = 0; i < images.length; i++ )
  50. 		images[i].src = images[i].getAttribute("data-src");
  51. 	return images.length;
  52. }
  53.  
  54. function linkThumbTitles(target)
  55. {
  56.     //bookmark_new_illust.php, discovery, search.php
  57.     let foundTitle = target.querySelectorAll("li a[href*='/artworks/'][title]");
  58.     for( let j = 0; j < foundTitle.length; j++ )
  59.         directLinkSingle( foundTitle[j] );
  60.     
  61.     //member.php, member_illust.php, new_illust.php, artworks (related works)
  62.     foundTitle = target.querySelectorAll("li > div > a[href*='/artworks/']");
  63.     for( let j = 0; j < foundTitle.length; j++ )
  64.         directLinkSingle( foundTitle[j] );
  65.     
  66.     //main page
  67.     foundTitle = target.querySelectorAll("li > a[href*='/artworks/'] > .title");
  68.     for( let j = 0; j < foundTitle.length; j++ )
  69.         directLinkSingle( foundTitle[j].parentNode );
  70.     
  71.     //bookmark.php
  72.     foundTitle = target.querySelectorAll("li > a[href*='mode=medium'][href*='illust_id='] > .title");
  73.     for( let j = 0; j < foundTitle.length; j++ )
  74.         directLinkSingle( foundTitle[j].parentNode );
  75.  
  76.     //ranking.php
  77.     foundTitle = target.querySelectorAll("a.title[href*='/artworks/']");
  78.     for( let j = 0; j < foundTitle.length; j++ )
  79.         directLinkSingle( foundTitle[j] );
  80.     
  81.     //response.php
  82.     let image = target.querySelectorAll("li a[href*='mode=medium'][href*='illust_id='] img");
  83.     for( let j = 0; j < image.length; j++ )
  84.     {
  85.         let page, title;
  86.         for( page = image[j].parentNode; page.tagName != "A"; page = page.parentNode );
  87.  
  88.         //The prev/next thumbnails on mode=medium pages have text before/after the image.  Text also follows the image on image responses listings.
  89.         if( !(title = page.getElementsByClassName("title")[0]) && (title = page.lastChild).nodeName != '#text' && (title = page.firstChild).nodeName != '#text' )
  90.             continue;//Can't find title element
  91.  
  92.         //Start title link at mode=medium and change later.
  93.         let titleLink = document.createElement("a");
  94.         titleLink.href = page.href;
  95.         titleLink.style.color = "#333333";//Style used on some pages
  96.  
  97.         //Move the title out of the thumbnail link
  98.         page.removeChild(title);
  99.         titleLink.appendChild(title);
  100.         page.parentNode.insertBefore( titleLink, page.nextSibling );
  101.  
  102.         directLinkSingle( titleLink );
  103.     }
  104. }
  105.  
  106. function directLinkSingle(titleLink)
  107. {
  108. 	let illustID;
  109. 	if( !titleLink || !titleLink.href )
  110. 		return;
  111.     if( !(illustID = titleLink.href.match(/\/artworks\/(\d+)/)) && !(illustID = titleLink.href.match(/illust_id=(\d+)/)) )
  112.         return;
  113.     
  114. 	let req = new XMLHttpRequest();
  115. 	req.open( "GET", location.protocol+"//www.pixiv.net/artworks/"+illustID[1], true );
  116. 	req.onload = function()
  117. 	{
  118.         let scripts = req.responseXML.head.getElementsByTagName("script");
  119.         for( let i = 0; i < scripts.length; i++ )
  120.         {
  121.             //JSON requires double quotes around property names, forbids trailing commas, etc...  The illust info can't be simply parsed as a raw JSON object, so just grab the values we need.
  122.             let originalURL = scripts[i].textContent.match(/"original":"(http[^"]+)"/);
  123.             if( !originalURL )
  124.                 continue;
  125.             
  126.             //Do nothing for ugoira (animated) images
  127.             if( originalURL.indexOf("ugoira") > 0 )
  128.                 return;
  129.             
  130.             //There are several pageCount properties; we just want the last one.
  131.             let pageCount = 0, rCount = RegExp( '"pageCount": *(\\d+)', 'g' ), search;
  132.             while( (search = rCount.exec( scripts[i].textContent )) !== null )
  133.                 pageCount = parseInt(search[1]);
  134.  
  135.             //Only link single images
  136.             if( pageCount <= 1 )
  137.                 titleLink.href = originalURL[1].replace(/\\\//g,'/');
  138.  
  139.             return;
  140.         }
  141.         //console.log("Unable to find direct image link for illust #"+illustID[1]);
  142. 	};
  143. 	req.responseType = "document";
  144. 	req.send(null);
  145. }