☰

Pixiv Direct Links

Turns thumbnail titles into direct or mode=manga links, adds direct image links on mode=manga pages, replaces the medium thumbnail on mode=medium pages with the full size, and disables lazy-loading images.

当前为 2015-06-27 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name           Pixiv Direct Links
  3. // @namespace      https://greasyfork.org/scripts/4555
  4. // @description    Turns thumbnail titles into direct or mode=manga links, adds direct image links on mode=manga pages, replaces the medium thumbnail on mode=medium pages with the full size, and disables lazy-loading images.
  5. // @include        http://www.pixiv.net*
  6. // @grant          none
  7. // @version        2015.06.27
  8. // ==/UserScript==
  9.  
  10. //Turn thumbnail titles into direct links (single images) or mode=manga links.  Some kinds of thumbnails aren't covered, and an isolated few (like #17099702) don't work.
  11. var directTitles = false;
  12.  
  13. //Append direct links below images on mode=manga pages
  14. var directManga = true;
  15.  
  16. //Replace the medium thumbnail on mode=medium pages with the full size.  The image will be relinked to the full size regardless of this setting.
  17. var fullSizeMedium = true;
  18.  
  19. //Disable lazy loading images.  These appear on mode=manga pages, rankings, and the "Recommended" section of the bookmarks page.
  20. var dontSayLazy = true;
  21.  
  22. //----------------------------------------------------------------//
  23.  
  24. var fullSizeWidth = "740px";
  25.  
  26. if( typeof(custom) != "undefined" )
  27. 	custom();
  28.  
  29. if( location.search.indexOf("mode=manga_big") > 0 || location.search.indexOf("mode=big") > 0 )
  30. {
  31. 	//Make the 'big'/'manga_big' image link to itself instead of closing the window
  32. 	var image = document.getElementsByTagName("img")[0];
  33. 	if( image )
  34. 	{
  35. 		var link = document.createElement("a");
  36. 		link.href = image.src;
  37. 		link.appendChild( document.createElement("img") ).src = image.src;
  38. 		document.body.innerHTML = "";
  39. 		document.body.appendChild( link );
  40. 	}
  41. }
  42. else if( location.search.indexOf("mode=manga") > 0 )
  43. {
  44. 	var container = document.getElementsByClassName("full-size-container");
  45. 	if( directManga && container.length )
  46. 	{
  47. 		//Check the mode=manga_big page for the first page to determine if the "_big_p" size exists.
  48. 		var req = new XMLHttpRequest();
  49. 		req.open( "GET", location.href.replace(/page=\d+&?/,'').replace('mode=manga','mode=manga_big&page=0'), true );
  50. 		req.onload = function()
  51. 		{
  52. 			var firstImage = req.responseXML.querySelector("img[src*='_p0.']").src;
  53. 			
  54. 			for( var i = 0; i < container.length; i++ )
  55. 			{
  56. 				//Add direct link below each page
  57. 				var link = document.createElement("a");
  58. 				link.textContent = "direct link";
  59. 				link.style.display = "block";
  60. 				link.href = firstImage.replace( "_p0.", "_p"+i+"." );
  61. 				container[i].parentNode.appendChild( link );
  62. 			}
  63. 		};
  64. 		req.responseType = "document";
  65. 		req.send(null);
  66. 	}
  67. }
  68. else if( window == window.top )//not inside iframe
  69. {
  70. 	if( directTitles )
  71. 	{
  72. 		//Link dem titles.
  73. 		linkThumbTitles([document]);
  74. 		new MutationObserver( function(mutationSet)
  75. 		{
  76. 			mutationSet.forEach( function(mutation){ linkThumbTitles( mutation.addedNodes ); } );
  77. 		}).observe( document.body, { childList:true, subtree:true } );
  78. 	}
  79. 	
  80. 	var worksDisplay = document.getElementsByClassName("works_display")[0];
  81. 	if( worksDisplay )
  82. 	{
  83. 		var mainImage, mainLink = worksDisplay.querySelector("a[href*='mode=']");
  84. 		if( mainLink )
  85. 			mainLink.removeAttribute('target');//Make link open in same window
  86. 		
  87. 		var oClass = document.getElementsByClassName("original-image");
  88. 		if( oClass.length == 1 )//47235071
  89. 		{
  90. 			var worksDiv = worksDisplay.getElementsByTagName("div")[0];
  91. 			worksDisplay.removeChild( worksDiv );//Need to remove instead of hide to prevent double source search links in other script
  92. 			var link = worksDisplay.insertBefore( document.createElement("a"), worksDisplay.firstChild );
  93. 			mainImage = link.appendChild( fullSizeMedium ? document.createElement("img") : worksDiv.getElementsByTagName("img")[0] );
  94. 			fullsizeSrc = link.href = oClass[0].getAttribute("data-src");
  95. 		}
  96. 		else if( mainLink && mainLink.href.indexOf("mode=big") > 0 && (mainImage = mainLink.getElementsByTagName("img")[0]) !== null )//17099702
  97. 		{
  98. 			if( mainImage.src.indexOf("_m.") > 0 )
  99. 				mainLink.href = fullsizeSrc = mainImage.src.replace("_m.",".");
  100. 			else
  101. 			{
  102. 				//New thumbnails are always jpg, need to query mode=big page to get the right file extension.
  103. 				var req = new XMLHttpRequest();
  104. 				req.open( "GET", mainLink.href, true );
  105. 				req.onload = function()
  106. 				{
  107. 					mainLink.href = req.responseXML.getElementsByTagName("img")[0].src;
  108. 					if( fullSizeMedium )
  109. 						mainImage.src = mainLink.href;
  110. 				}
  111. 				req.responseType = "document";
  112. 				req.send(null);
  113. 			}
  114. 		}
  115. 		
  116. 		if( mainImage && fullSizeMedium )
  117. 		{
  118. 			if( fullsizeSrc )
  119. 				mainImage.src = fullsizeSrc;
  120. 			mainImage.setAttribute("style", "max-width: "+fullSizeWidth+"; height: auto; width: auto;");
  121. 			worksDisplay.style.width = fullSizeWidth;
  122. 		}
  123. 	}
  124. }
  125.  
  126. if( dontSayLazy && unlazyImage() && window == window.top )
  127. {
  128. 	//Initial page has lazy images; listen for more images added later
  129. 	new MutationObserver( function(mutationSet)
  130. 	{
  131. 		mutationSet.forEach( function(mutation)
  132. 		{
  133. 			for( var i = 0; i < mutation.addedNodes; i++ )
  134. 				unlazyImage( mutation.addedNodes[i] );
  135. 		} );
  136. 	}).observe( document.body, { childList:true, subtree:true } );
  137. }
  138.  
  139. //----------------------------------------------------------------//
  140.  
  141. function unlazyImage(target)
  142. {
  143. 	var images = ( target || document ).querySelectorAll("img[data-src]");
  144. 	for( var i = 0; i < images.length; i++ )
  145. 		images[i].src = images[i].getAttribute("data-src");
  146. 	return images.length;
  147. }
  148.  
  149. function pushTitleLink(list, link)
  150. {
  151. 	var matcher;
  152. 	if( link && link.href && (matcher = link.href.match(/illust_id=(\d+)/)) && matcher[1] > 0 )
  153. 		list.push({ "id": matcher[1], "link": link });
  154. }
  155.  
  156. function linkThumbTitles(targets)
  157. {
  158. 	var titleList = [];
  159. 	
  160. 	for( var i = 0; i < targets.length; i++ )
  161. 	{
  162. 		//search.php, bookmark.php, member_illust.php, new_illust.php, member.php (uploads), mypage.php (new works)
  163. 		var foundTitle = targets[i].querySelectorAll("a[href*='mode=medium'][href*='illust_id='] > .title");
  164. 		for( var j = 0; j < foundTitle.length; j++ )
  165. 			pushTitleLink( titleList, foundTitle[j].parentNode );
  166. 		
  167. 		//ranking.php
  168. 		foundTitle = targets[i].querySelectorAll(".ranking-item a.title[href*='mode=medium'][href*='illust_id=']");
  169. 		for( var j = 0; j < foundTitle.length; j++ )
  170. 			pushTitleLink( titleList, foundTitle[j] );
  171. 		
  172. 		//member_illust.php (what image was responding to)
  173. 		foundTitle = targets[i].querySelector(".worksImageresponseInfo a.response-out-work[href*='mode=medium'][href*='illust_id=']");
  174. 		if( foundTitle )
  175. 			pushTitleLink( titleList, foundTitle );
  176. 		
  177. 		//response.php, member_illust.php (before/after thumbnails), ?member.php (bookmarks)?
  178. 		var image = targets[i].querySelectorAll("li a[href*='mode=medium'][href*='illust_id='] img");
  179. 		for( var j = 0; j < image.length; j++ )
  180. 		{
  181. 			var page, title;
  182. 			for( page = image[j].parentNode; page.tagName != "A"; page = page.parentNode );
  183. 			
  184. 			//The prev/next thumbnails on mode=medium pages have text before/after the image.  Text also follows the image on image responses listings.
  185. 			if( !(title = page.getElementsByClassName("title")[0]) && (title = page.lastChild).nodeName != '#text' && (title = page.firstChild).nodeName != '#text' )
  186. 				continue;//Can't find title element
  187. 			
  188. 			//Start title link at mode=medium and change later.
  189. 			var titleLink = document.createElement("a");
  190. 			titleLink.href = page.href;
  191. 			titleLink.style.color = "#333333";//Style used on some pages
  192. 			
  193. 			//Move the title out of the thumbnail link
  194. 			page.removeChild(title);
  195. 			titleLink.appendChild(title);
  196. 			page.parentNode.insertBefore( titleLink, page.nextSibling );
  197. 			
  198. 			pushTitleLink( titleList, titleLink );
  199. 		}
  200. 	}
  201. 	
  202. 	for( var i = 0; i < titleList.length; i++ )
  203. 		directLinkSingle( titleList[i] );
  204. }
  205.  
  206. //Query an image's mode=medium page.
  207. function directLinkSingle(title)
  208. {
  209. 	var req = new XMLHttpRequest();
  210. 	req.open( "GET", "http://www.pixiv.net/member_illust.php?mode=medium&illust_id="+title.id, true );
  211. 	req.onload = function()
  212. 	{
  213. 		var select = req.responseXML.getElementsByClassName("original-image");
  214. 		if( select.length == 1 )
  215. 			title.link.href = select[0].getAttribute("data-src");
  216. 		else if( (select = req.responseXML.querySelector(".works_display a[href*='mode=big'] img[src*='_m.']")) !== null )
  217. 			title.link.href = select.src.replace("_m.",".");
  218. 		else if( (select = req.responseXML.querySelector(".works_display a[href*='mode=manga']")) !== null )
  219. 		{
  220. 			title.link.href = select.href;
  221. 			var page = req.responseXML.querySelectorAll("ul.meta li")[1].textContent.match(/(\d+)P$/);
  222. 			if( page )
  223. 				( title.link.firstChild.nodeName == '#text' ? title.link : title.link.firstChild ).title += " ("+page[1]+" pages)";
  224. 		}
  225. 	};
  226. 	req.responseType = "document";
  227. 	req.send(null);
  228. }