☰

Jandan+

煎蛋评论显示图链接

  1. // ==UserScript==
  2. // @name        Jandan+
  3. // @namespace   Jandan+@Byzod
  4. // @description 煎蛋评论显示图链接
  5. // @include     /^https?:\/\/jandan\.net\//
  6. // @version     2016-11-24
  7. // @grant       none
  8. // ==/UserScript==
  9.  
  10. function JandanPlus(){
  11. 	var self = this;
  12. 	var IMAGE_URL_REGEX = /(ftp|http)s?:\/\/[^\s\r\n]+\.(jpe?g|png|bmp|gif|ico|tga|tpic|tiff|svgz?|webp|jp2|j2c)/gi;
  13. 	
  14. 	self.RegisterCommentListMutation = function(){
  15. 		var commentLists = document.querySelectorAll(".commentlist");
  16. 		var observer = new MutationObserver(
  17. 			(e)=>{
  18. 				self.ParseImgURLTextInComment(e);
  19. 			}
  20. 		);
  21. 		var config = { childList: true, subtree: true };
  22. 		if(commentLists){
  23. 			for(var commentList of commentLists){
  24. 				observer.observe(commentList, config);
  25. 			}
  26. 		}
  27. 	};
  28. 	
  29. 	self.ParseImgURLTextInComment = function(e){
  30. 		for(var record of e){
  31. 			if(record.target.id == "ds-hot-posts" || (record.previousSibling && record.previousSibling.id == "ds-hot-posts")){
  32. 				// 评论
  33. 				var comments = record.addedNodes[1].querySelectorAll(".ds-comment-body");
  34. 				// console.log("jd+ comment-body: %o", comments);//debug
  35. 				for(var comment of comments){
  36. 					var commentText = comment.querySelector("p").innerHTML;
  37. 					var matches = commentText.match(IMAGE_URL_REGEX);
  38. 					if(matches){
  39. 						for(var i = 0; i < matches.length; i++){
  40. 							commentText = commentText.replace(matches[i], '<img src="' + matches[i] + '"></img>');
  41. 							// console.log("jd+ matches[%d]: %o;\n    replace to: %o", i, matches[i], i, commentText);//debug
  42. 						}
  43. 						comment.querySelector("p").innerHTML = commentText;
  44. 					}
  45. 				}
  46. 			}
  47. 		}
  48. 	};
  49. }
  50. var oioi = new JandanPlus();
  51. oioi.RegisterCommentListMutation();