☰

Google Image Search Direct Links Old Style

Replace links and click actions of the Google Image Search results with direct links to the picture, and the page link. Now opens in the same tab by default

当前为 2021-02-21 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. ///////////////// In case it fails to update in TamperMonkey, visit  https://github.com/svArtist/Userscript-Google-ImageSearch-Direct-Links/raw/master/Userscript-Google-ImageSearch-Direct-Links.user.js  directly ////////
  3. // @name		Google Image Search Direct Links Old Style
  4. // @version		1.2
  5. // @description Replace links and click actions of the Google Image Search results with direct links to the picture, and the page link. Now opens in the same tab by default
  6. // @namespace	bp
  7. // @author		Benjamin Philipp <benjamin_philipp [at - please don't spam] gmx.de>
  8. // @include		/^https?:\/\/(www\.)*google\.[a-z\.]{2,5}\/search.*tbm=isch.*/
  9. // @require 	http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js
  10. // @run-at		document-body
  11. // @grant		GM_xmlhttpRequest
  12. // @connect		*
  13. // ==/UserScript==
  14.  
  15. var maxtries = 10;
  16.  
  17. var idle = true;
  18. var disableUpdate = false;
  19.  
  20. function updatePage()
  21. {
  22. 	if($("#directLinkStyles").length<=0){
  23. 		disableUpdate = true;
  24. 		$("head").append("\
  25. 		<style id='directLinkStyles'>\
  26. 		.waitwarn{ \
  27. 			opacity:0; \
  28. 			box-shadow: 3px 5px 10px rgba(0,0,0,0.5); \
  29. 			position: absolute; \
  30. 			right:0; bottom:0; \
  31. 			color: rgba(200,200,200, 0.7)!important; \
  32. 			padding: 2px 10px; \
  33. 			font-size: 28pt; \
  34. 			display: block; \
  35. 			font-weight: bold; \
  36. 			text-decoration: none;\
  37. 			background-color: rgba(255,255,255,0.5); \
  38. 			transition: opacity 0.5s, color 0.5s, font-size 0.5s, padding 0.5s; \
  39. 			} \
  40. 		a:hover .waitwarn{ \
  41. 			opacity:1; \
  42. 			color: rgba(155,177,233, 1)!important; \
  43. 			padding:5px 25px; \
  44. 			font-size: 36pt; \
  45. 			} \
  46. 		</style>");
  47. 		disableUpdate = false;
  48. 	}
  49.  
  50. 	$(".rg_di.rg_bx a.rg_l:not(.linksdone):not([href='#'])").each(function(){
  51. 		var tp = this;
  52. 		var uriLink = $(this).parent().find("div.rg_ilmbg")[0];
  53. 		var imin = tp.href.indexOf("imgurl=");
  54. 		if(imin<0)
  55. 		{
  56.             $(tp).attr("resTries", $(tp).attr("resTries")?$(tp).attr("resTries")*1+1:1);
  57.             if($(tp).attr("resTries")*1>=maxtries){
  58.                 console.log("This Link won't come up with a good fragment: " + $(tp).find("img")[0].src);
  59.                 return true;
  60.             }
  61. 			updater();
  62. 			return true;
  63. 		}
  64. 		var linkconts = tp.href.substr(imin+7);
  65. 		var piclink = linkconts.substr(0,linkconts.indexOf("&"));
  66. 		var reflink = linkconts.substr(linkconts.indexOf("imgrefurl=")+10);
  67. 		reflink = decodeURIComponent(reflink.substr(0, reflink.indexOf("&")));
  68. 		piclink = decodeURIComponent(piclink);
  69. 		disableUpdate = true;
  70. 		tp.href = piclink;
  71. 		
  72. 		$(tp).off("click");
  73. 		$(uriLink).off("click");
  74. 		
  75. 		$(tp).click(function(e){
  76. 			e.stopImmediatePropagation(); // prevent event from bubbling up to google's handler
  77. //			window.open(this.href); // not needed, doing it old school
  78. //			return false;
  79. 		})
  80. 		uriLink.innerHTML = "<a style='display:block; color:#fff; text-decoration:none;' href = '" + reflink + "'>" + uriLink.innerHTML + "</a>"; // Replace <span> text content with an actual link
  81. 		$(uriLink).click(function(e){
  82. //			e.preventDefault();
  83. 			e.stopImmediatePropagation();
  84. //			window.open(reflink); // not needed, doing it old school
  85. //			return false;
  86. 		})
  87.         $(this).removeClass("linkswait");
  88. 		$(this).addClass("linksdone");
  89. 		$(this).find(".waitwarn").remove();
  90. 		disableUpdate = false;
  91. 	});
  92.     var notready = false;
  93.     $(".rg_di.rg_bx a.rg_l[href='#']:not(.linksdone)").each(function(){
  94.         notready = true;
  95.         if(!$(this).hasClass("linkswait")){
  96.             $(this).addClass("linkswait");
  97. 			$(this).append("<div class='waitwarn' title=\"Warning: The direct links aren't ready yet because Google hasn't provided the actual links yet. \nThey will be inserted as soon as they're available.\">!</div>");
  98.         }
  99.     });
  100. 	if(notready){
  101. 		updater();
  102. 	}
  103. }
  104.  
  105. function updater(t = 1000){
  106. 	if(idle)
  107. 	{
  108. 		idle = false;
  109. 		updaterequest = false;
  110. 		updatePage();
  111. 		idletimer = setTimeout(function(){
  112. 			idle = true;
  113. 			if(updaterequest)
  114. 				updatePage();
  115. 		}, t);
  116. 	}
  117. 	else
  118. 	{
  119. 		updaterequest = true;
  120. 	}
  121. }
  122.  
  123. var bodyObserver = false;
  124. function observeResults(){
  125. 	// console.log("observing");
  126. 	resultsObserver = new MutationObserver(updater);
  127. 	resultsObserver.observe($("#ires #rg")[0], {subtree: true, childList: true});
  128. 	if(bodyObserver !== false)
  129. 		bodyObserver.disconnect();
  130. }
  131.  
  132.  
  133. if($("#ires #rg").length>0){
  134. 	observeResults();
  135. }
  136. else{
  137. 	bodyObserver = new MutationObserver(function(mutations){
  138. 		if(disableUpdate || !idle){
  139. 			return;
  140. 		}
  141. 		if($("#ires #rg").length>0)
  142. 		{
  143. 			observeResults();
  144. 		}
  145. 	});
  146. 	bodyObserver.observe($("body")[0], {subtree: true, childList: true});
  147. }
  148.  
  149. updatePage();