☰

Google Images direct link

Add direct link to images and pages in google image search

目前为 2015-02-15 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name           Google Images direct link
  3. // @namespace      https://github.com/Lorentz83
  4. // @description    Add direct link to images and pages in google image search
  5. // @include        http*://images.google.*/images*
  6. // @include        http*://www.google.*/images*
  7. // @include        http*://www.google.*/webhp*
  8. // @include        http*://www.google.*/search?*
  9. // @include        http*://www.google.*/imgres*
  10. // @include        http*://images.google.*/search?*
  11. // @include        https://encrypted.google.com/search?*
  12. // @version        5.4c
  13. // @grant          none
  14. // @icon           https://raw.githubusercontent.com/Lorentz83/userscripts/master/GoogleImageDirectLink/icon.png
  15. // @license        GPLv2; http://www.gnu.org/licenses/
  16. // ==/UserScript==
  17.  
  18. /**
  19.  *  This program is free software: you can redistribute it and/or modify
  20.  *  it under the terms of the GNU General Public License as published by
  21.  *  the Free Software Foundation, either version 2 of the License, or
  22.  *  (at your option) any later version.
  23.  *
  24.  *  This program is distributed in the hope that it will be useful,
  25.  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  26.  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  27.  *  GNU General Public License for more details.
  28.  *
  29.  *  You should have received a copy of the GNU General Public License
  30.  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  31.  */
  32.  
  33. var isUndefined = function(val) {
  34. 	return ( (typeof val) === 'undefined' );
  35. }
  36. var decode = function(component) {
  37. 	if ( isUndefined(component) )
  38. 		return false;
  39. 	return decodeURIComponent(component);
  40. }
  41.  
  42. var doubleDecode = function (component){
  43.   if ( isUndefined(component) )
  44. 	return false;
  45.   var tmp = decodeURIComponent(component);
  46.   tmp = decodeURIComponent(tmp);
  47.   return tmp;
  48. }
  49.  
  50. var parseUrl = function (url) {
  51.   var pos = url.indexOf('?');
  52.   if (pos < 0)
  53.     return [];
  54.   var qparms = url.substring(pos+1);
  55.   var rawparams = qparms.split('&');
  56.   var par = [];
  57.   for (var i=0 ; i<rawparams.length ; i++){
  58.     var p = rawparams[i].split("=");
  59.     par[p[0]] = p[1];
  60.   }
  61.   return par;
  62. }
  63.  
  64. var getImageLinks = function (url) {
  65.   var param = parseUrl(url);
  66.   var links = new Object();
  67.   links.toImgHref = decode(param["imgurl"]);
  68.   links.toPageHref = decode(param["url"]);
  69.   return links;  
  70. }
  71.  
  72. var getNewImageLinks = function (url) {
  73.   var param = parseUrl(url);
  74.   var links = new Object();
  75.   links.toImgHref = doubleDecode(param["imgurl"]);
  76.   links.toPageHref = decode(param["imgrefurl"]);
  77.   return links;  
  78. }
  79.  
  80. var firstOrNull = function (elems) {
  81.   return (elems.length > 0 ) ? elems[0] : null;
  82. }
  83.  
  84. var imgTable = firstOrNull(document.getElementsByClassName('images_table'));
  85. if ( imgTable ) { // for basic version
  86.   var imgCell = imgTable.getElementsByTagName('td');
  87.   for( j=0 ; j<imgCell.length ; j++ ) {
  88.     var imageAnchor = imgCell[j].getElementsByTagName('a')[0];
  89.     var domainText =  imgCell[j].getElementsByTagName('cite')[0];
  90.     console.log(imageAnchor.href);
  91.     var links = getImageLinks(imageAnchor.href);
  92.     //links.toPageHref = imageAnchor.href; // TODO fixme
  93.     links.toImgHref = imageAnchor.href; // TODO fixme
  94.     
  95.     domainText.innerHTML = '<a href="' + links.toPageHref + '">' + domainText.innerHTML + '/&hellip;<\a>';
  96.     imageAnchor.href = links.toImgHref;
  97.   }
  98. }
  99. else { // standard version
  100.   console.log("standard version");
  101.   var stopEvent = function(event){
  102.     event.stopPropagation() 
  103.   }
  104.   
  105.   var fixStyle = function(target){
  106.     if (target.style.color == 'gray')
  107.       return; //only to avoid endless loops
  108.     target.style.color = 'gray'; 
  109.     var parent = target.parentNode;
  110.     parent.style.height = target.style.height;
  111.     parent.style.width = target.style.width;
  112.     parent.style.left = target.style.left;
  113.     
  114.   }
  115.   
  116.   var fixBoxObserver = new MutationObserver(function(mutations){
  117.     mutations.forEach(function(mutation) {
  118.       var target = mutation.target;
  119.       var parent = mutation.target.parentNode;
  120.       if (mutation.attributeName === 'style'){
  121. 	      fixStyle(target);
  122.       }
  123.     });
  124.   });
  125.   var fixBoxMutationConfig = { attributes: true, childList: true, characterData: false, subtree: false };
  126.     
  127.   var fixImageBox = function(image){
  128.     if ( /\blinkOk\b/.test(image.className) ) {
  129.       return;
  130.     }
  131.     var span = image.querySelector('span.rg_ilmn');
  132.     if (span !== null) {
  133.       var a = firstOrNull(image.getElementsByTagName('a'));
  134.       var links = getNewImageLinks(a.href);
  135.       a.href = links.toImgHref;
  136.       
  137.       var newA = document.createElement('a');
  138.       newA.style = a.style;
  139.       newA.innerHTML = a.innerHTML;
  140.       newA.href = a.href;
  141.       a.parentNode.replaceChild(newA, a);
  142.       a=newA;
  143.       a.addEventListener('click', stopEvent, false);
  144.  
  145.       var newContainer = document.createElement('div');
  146.       newContainer.className = 'newCont';
  147.  
  148.       a.parentNode.appendChild(newContainer);
  149.       newContainer.appendChild(a);
  150.       newContainer.appendChild(span.parentNode);
  151.  
  152.       fixStyle(a);
  153.       
  154.       var desc = span.innerHTML;
  155.       span.innerHTML = '<a style="color:#fff" href="' + links.toPageHref + '">' + desc + '</a>';
  156.       span.addEventListener('click', stopEvent, false);
  157.       image.className += ' linkOk'
  158.       fixBoxObserver.observe(a, fixBoxMutationConfig);
  159.     }
  160.     else {
  161.       console.log("incomplete span");
  162.       image.className += ' notComplete';
  163.     }
  164.   }
  165.  
  166.   var fixImages = function(){
  167.     var imagesContainer = document.getElementById('rg_s');
  168. 	if ( imagesContainer == null ) return;
  169.     var images = imagesContainer.getElementsByClassName('rg_di');
  170.     for (var i = 0 ; i< images.length ; i++) {
  171.       fixImageBox(images[i]);
  172.     }
  173.   }
  174.   
  175.   var newBoxMutationConfig = { attributes: false, childList: true, characterData: false, subtree: true };
  176.   var newBoxObserver = new MutationObserver(function(mutations){
  177.     var needFix = false;
  178.     mutations.forEach(function(mutation) {
  179.       needFix = needFix || mutation.target.id == 'rg_s';
  180.     });
  181.     if (needFix)
  182.       fixImages();
  183.   });
  184.  
  185.   fixImages();
  186.   newBoxObserver.observe(document.body, newBoxMutationConfig);
  187.  
  188.   var css = [];  var i = 0;
  189.   css[i++] = '.newCont { min-height: 30px; position: relative; height:100%; overflow: hidden; }';
  190.   css[i++] = '.newCont>a { display: block; width: 100%; text-align: center; }';
  191.   css[i++] = '.newCont>a>img { display: inline-block; }';
  192.   css[i++] = '.newCont > a :not(img) { display: none; visibility: hidden; }';
  193.   css[i++] = '.newCont .rg_ilmbg { display: none; left:0; }';
  194.   css[i++] = '.newCont:hover .rg_ilmbg { display: block; }';
  195.   
  196.   css[i++] = '.imgSiteLnk {'; //img preview
  197.   css[i++] = '  background-color: rgba(255, 255, 255, 0.77);';
  198.   css[i++] = '  bottom: 0;';
  199.   css[i++] = '  color: #000000;';
  200.   css[i++] = '  display: block;';
  201.   css[i++] = '  line-height: normal;';
  202.   css[i++] = '  position: absolute;';
  203.   css[i++] = '  text-decoration: none;';
  204.   css[i++] = '  width: 100%; ';
  205.   css[i++] = '  display: none }';
  206.   css[i++] = '.imgPrev:hover .imgSiteLnk { display: block }';//img preview
  207.   var style = document.createElement('style');
  208.   style.type = 'text/css';
  209.   style.appendChild(document.createTextNode(css.join('\n')));
  210.   document.head.appendChild(style);
  211.  
  212.   //img preview in google search (only links to page)
  213.   var fixImagePreview = function(div){
  214. 	var images = document.getElementsByClassName('bicc');
  215. 	console.log('img preview in google search ' + images.length);
  216. 	for (var i = 0 ; i<images.length ; i++) {
  217. 		var div = images[i];
  218. 		var el = div.getElementsByTagName('a');
  219. 		if ( el.length == 1 ) {
  220. 			div.className += ' imgPrev';
  221. 			//div.style.border = '4em solid black';
  222. 			var href = el[0].href;
  223. 			var link = doubleDecode(parseUrl(href)['imgil']);
  224. 			if (link === false) continue;
  225. 			link = decode(link.split(';')[5]);
  226. 			
  227. 			var a = document.createElement('a');
  228. 			a.href = link;
  229. 			a.className = 'imgSiteLnk';
  230. 			a.textContent = link.split('/')[2];
  231. 			div.appendChild(a);
  232. 		}
  233. 	}
  234.   }
  235.   var searchObserver = new MutationObserver(function(mutations){
  236. 	fixImagePreview();
  237.   });
  238.   searchObserver.observe(document.body, 
  239. 	{ 
  240. 		attributes: false, 
  241. 		childList: true, 
  242. 		characterData: false, 
  243. 		subtree: true 
  244. 	}
  245. 	);
  246.   
  247.   // visually similar search img preview (oly links to image)
  248.   var similars = document.querySelectorAll('div#ires div.th a');
  249.   console.log('visually similar search ' + similars.length)
  250.   for (var i = 0 ; i < similars.length ; i++){
  251. 	var a = similars[i];
  252. 	var href = getNewImageLinks(a.href);
  253. 	if ( href.toImgHref === false  ) {
  254. 		continue;
  255. 	}
  256. 	var newA = document.createElement('a');
  257. 	newA.href = href.toImgHref;
  258. 	newA.appendChild(a.firstChild);
  259. 	a.parentNode.replaceChild(newA, a);
  260.   }
  261.   
  262.   
  263.   console.log('end standard version');
  264. } //end standard version
  265.