☰

Show and reload broken images

The name explained it

目前為 2014-05-23 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        	Show and reload broken images
  3. // @description     The name explained it
  4. // @namespace   	eight04.blogspot.com
  5. // @include       	http://*
  6. // @include     	https://*
  7. // @version       	2.0
  8. // @grant			GM_addStyle
  9. // ==/UserScript==
  10.  
  11. (function(){
  12. 	
  13. 	GM_addStyle(
  14. 		"img{-moz-force-broken-image-icon:1;}"
  15. 	);
  16. 	// var imgs=document.images;
  17. 	
  18. 	/*
  19. 	function checkBroken(img){
  20. 		// return window.getComputedStyle(img).MozForceBrokenImageIcon * 1;
  21. 		
  22. 		if(img.classList.contains("loaded")){
  23. 			return false;
  24. 		}
  25. 		if(!img.classList.contains("reloaded")){
  26. 			img.classList.add("reloaded");
  27. 			img.addEventListener("load", function(e){
  28. 				e.target.classList.add("loaded");
  29. 			}, false);
  30. 		}
  31. 		return true;
  32. 		
  33. 		// return !img.complete || !img.naturalWidth || 
  34. 			// (img.width == 24 && img.naturalWidth != img.width);
  35. 	}
  36. 	
  37. 	*/
  38.  
  39. 	function load(d){
  40. 		d.src += "#";
  41. 	}
  42.  
  43. 	function reloadImg(){
  44. 		var imagesFailed = document.querySelectorAll("img:-moz-broken");
  45. 		var images = document.images;
  46. 		
  47. 		for(let image of images){
  48. 			if(!image.complete){
  49. 				image.classList.add("failed");
  50. 			}else{
  51. 				image.classList.remove("failed");
  52. 			}
  53. 		}
  54. 		
  55. 		for(let image of imagesFailed){
  56. 			image.classList.add("failed");
  57. 		}
  58. 		
  59. 		for(let image of images){
  60. 			if(image.classList.contains("failed") && image.src){
  61. 				load(image);
  62. 			}
  63. 		}
  64. 	}
  65.  
  66. 	function getKey(e){
  67. 		if(e.keyCode==82 && e.altKey)
  68. 			reloadImg();
  69. 	}
  70.  
  71. 	document.addEventListener("keyup",getKey,false);
  72.  
  73. })();