☰

PTT Web Image Fix

修復PTT網頁板自動開圖、嘗試修復被截斷的網址、阻擋黑名單ID的推文/圖片

当前为 2022-04-23 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         PTT Web Image Fix
  3. // @namespace    https://github.com/x94fujo6rpg/SomeTampermonkeyScripts
  4. // @version      0.09
  5. // @description  修復PTT網頁板自動開圖、嘗試修復被截斷的網址、阻擋黑名單ID的推文/圖片
  6. // @author       x94fujo6
  7. // @include      https://www.ptt.cc/*
  8. // @grant        GM_xmlhttpRequest
  9. // @grant        GM_getValue
  10. // @grant        GM_setValue
  11. // @grant        GM_registerMenuCommand
  12. // @require      https://openuserjs.org/src/libs/sizzle/GM_config.js
  13. // @run-at       document-start
  14. // ==/UserScript==
  15.  
  16. (function () {
  17. 	let
  18. 		blacklist_id = ["s910408", "ig49999", "bowen5566", "sos976431"],
  19. 		blacklist_img = ["Dey10PF", "WfOR5a8", "wsG5vrZ", "Q7hvcZw", "7h9s0iC", "g28oNwO", "y9arWAn", "9QnqRM3", "UeImoq1", "snzmE7h", "cJXK0nM", "jWy4BKY", "feMElhb", "CpGkeGb", "txz4iGW", "W2i4y4k", "aVXa6GN", "Mni1ayO"],
  20. 		blocked_id = new Set([]),
  21. 		blocked_img = new Set([]);
  22. 	const
  23. 		script_name = "fix ptt img", fixed = "fix_by_script",
  24. 		rd_text = (text = "") => {
  25. 			if (text.length <= 11) return " ██REDACTED██";
  26. 			let rp = (len) => "█".repeat(len),
  27. 				side = (text.length - 11) / 2;
  28. 			side = (side > 1) ? rp(side) : "█";
  29. 			return ` ${side}REDACTED${side}`;
  30. 		},
  31. 		remove_blacklist_target = async () => {
  32. 			let user, text, ele,
  33. 				ck_id, ck_img,
  34. 				push = document.querySelectorAll("div.push"),
  35. 				reg = /(?<=\/)(\w+)(?:\.\w{3,4})*$/;
  36. 			push.forEach(div => {
  37. 				user = div.querySelector(".push-userid").textContent.trim();
  38. 				ele = div.querySelector(".push-content");
  39. 				text = ele.textContent;
  40. 				ck_id = blacklist_id.find(id => id == user);
  41. 				ck_img = blacklist_img.find(img => text.includes(`/${img}`));
  42. 				if (ck_id || ck_img) {
  43. 					ele.title = text;
  44. 					ele.innerHTML = rd_text(text);
  45. 					ele.style = "color: darkred;";
  46. 					slog_c(`%cblock by id blacklist %c${user}:%c${ele.title.replace(":", "").trim()}`, "#FF0000;#FFFF00;"); //.replace(/:[\s]*(https|https)*(:\/\/)*/, "")
  47. 					if (ck_id && !ck_img) {
  48. 						text = text.match(reg);
  49. 						if (text) {
  50. 							slog_c(`%cblock by id blacklist %c${user}:%c${ele.title.replace(":", "").trim()}%c img [%c${text[1]}%c] not in list`, "#40E0D0;#FFFF00;;#40E0D0;;#40E0D0");
  51. 							blocked_img.add(text[1]);
  52. 						}
  53. 					}
  54. 					if (ck_img && !ck_id) {
  55. 						slog_c(`%cblock by img blacklist %c${user}:%c${ele.title.replace(":", "").trim()}%c user [%c${user}%c] not in list`, "#FFA500;#FFFF00;;#FFA500;;#FFA500");
  56. 						blocked_id.add(user);
  57. 					}
  58. 				}
  59. 			});
  60. 			return true;
  61. 		},
  62. 		slog = (...any) => console.log(`[${script_name}]`, ...any),
  63. 		slog_c = (s = "", c = "") => console.log(`[${script_name}] ${s}`, ...c.split(";").map(_c => `color:${_c};`)),
  64. 		wait_tab = () => {
  65. 			return new Promise(resolve => {
  66. 				if (document.visibilityState === "visible") return resolve();
  67. 				slog("tab in background, script paused");
  68. 				document.addEventListener("visibilitychange", () => {
  69. 					if (document.visibilityState === "visible") { slog("script unpaused"); return resolve(); }
  70. 				});
  71. 			});
  72. 		},
  73. 		remove_richcontent = async () => {
  74. 			let eles = document.querySelectorAll(".richcontent");
  75. 			if (!eles.length) { slog(`no richcontent found`); return false; }
  76. 			slog(`remove ${eles.length} richcontent`);
  77. 			eles.forEach(e => { if (!e.innerHTML.match(/(youtube.com|youtu.be|-player")/)) e.remove(); });
  78. 			return true;
  79. 		},
  80. 		async_push = async (list, item) => list.push(item),
  81. 		extractor = async (e, adv = false) => {
  82. 			let url = e.href, extract = false,
  83. 				reg_list = [
  84. 					/imgur\.com\/gallery\/\w{5,7}/,
  85. 					/imgur\.com\/a\/\w{5,7}/,
  86. 					/imgur\.com\/\w{5,7}/,
  87. 					/pbs\.twimg\.com\/media\/[\w-]+/,
  88. 					/(?<=https:\/\/|http:\/\/).*\.\w{3,4}$/,
  89. 				],
  90. 				twitter_format = /(?<=media[^\.\n]+\.|format=)\w{3,4}/,
  91. 				format_check = /\.(jpg|jpeg|png|webp|gif|gifv|mp4|webm)$/;
  92. 			if (e.getAttribute(fixed)) return false;
  93. 			if (adv) {
  94. 				if (e.nextSibling) {
  95. 					if (e.nextSibling.nodeType !== 3) return false;
  96. 					url += e.nextSibling.textContent.trim();
  97. 				}
  98. 				if (reg_list.find(reg => e.textContent.match(reg))) return false;
  99. 			}
  100. 			if (!url) return false; // no link
  101. 			reg_list = reg_list.map(reg => url.match(reg));
  102. 			extract = reg_list.findIndex(reg => Boolean(reg));
  103. 			if (extract == -1) return false; //no reg match
  104. 			if ((extract == reg_list.length - 1) && !(url.match(format_check))) return false; //match the last reg but not in format list
  105. 			extract = `https://${reg_list[extract][0]}`;
  106. 			if (extract.includes("pbs.twimg.com")) extract += `.${url.match(twitter_format)[0]}`;
  107. 			return extract;
  108. 		},
  109. 		extract_in_text = (eles) => extract_url(eles, true),
  110. 		extract_url = async (eles, in_text = false) => {
  111. 			let list = [], url;
  112. 			for (let e of eles) {
  113. 				url = await extractor(e, in_text);
  114. 				if (!url) continue;
  115. 				await async_push(list, { e, url });
  116. 			}
  117. 			return list;
  118. 		},
  119. 		get_imgur_image = (url) => {
  120. 			return new Promise(reslove => {
  121. 				GM_xmlhttpRequest({
  122. 					method: "GET", url,
  123. 					onload: async (rs) => {
  124. 						let full_url = rs.responseText.match(/(https:\/\/i.imgur\.com\/\w+\.\w{3,4})\W[\w#]+">/);
  125. 						full_url = full_url ? full_url[1] : false;
  126. 						slog(!full_url ? `${url} has no data` : `GET ${url} done`);
  127. 						return reslove([full_url, rs.status]);
  128. 					},
  129. 				});
  130. 			});
  131. 		},
  132. 		create_img_ele = (url, get_img) => {
  133. 			let box = Object.assign(document.createElement("div"), { className: "richcontent" }),
  134. 				a = Object.assign(document.createElement("a"), {
  135. 					href: url,
  136. 					target: "_blank",
  137. 					style: "text-decoration: none; box-shadow: none; background: none;",
  138. 					innerHTML: `<img src="${url}" referrerpolicy="no-referrer" rel="noreferrer noopener nofollow">`, //loading="lazy" 
  139. 					referrerPolicy: "no-referrer",
  140. 					rel: "noreferrer noopener nofollow",
  141. 				});
  142. 			if (!get_img) {
  143. 				a.style = a.innerHTML = "";
  144. 				a.textContent = `${url} (分段修復)`;
  145. 			}
  146. 			a.setAttribute(fixed, 1);
  147. 			box.appendChild(a);
  148. 			return box;
  149. 		},
  150. 		create_rd_ele = (text = "") => {
  151. 			return Object.assign(document.createElement("div"), {
  152. 				className: "richcontent",
  153. 				style: "color: darkred;",
  154. 				title: text,
  155. 				textContent: rd_text(text),
  156. 			});
  157. 		},
  158. 		fix_image = async (obj, get_img) => {
  159. 			let url, status;
  160. 			if (obj.url.includes("imgur")) {
  161. 				for (let retry = 3; retry >= 0; retry--) {
  162. 					if (retry < 3) slog(`retry ${obj.url}, remain ${retry}`);
  163. 					[url, status] = await get_imgur_image(obj.url);
  164. 					if (status == 200) break;
  165. 				}
  166. 			} else {
  167. 				url = obj.url;
  168. 			}
  169. 			if (!url) url = "https://i.imgur.com/removed.png";
  170. 			url = (blacklist_img.find(img => url.includes(img))) ? create_rd_ele(url) : create_img_ele(url, get_img);
  171. 			obj.e.insertAdjacentElement("afterend", url);
  172. 			obj.e.target = "_blank";
  173. 			obj.e.setAttribute(fixed, 1);
  174. 			return;
  175. 		},
  176. 		process_ele = async (eles, extractor, log, get_img = true) => {
  177. 			if (!eles.length) return;
  178. 			eles = await extractor(eles);
  179. 			if (!eles?.length) return;
  180. 			slog(log, eles);
  181. 			eles.forEach(e => fix_image(e, get_img));
  182. 			return;
  183. 		},
  184. 		main = async () => {
  185. 			let eles = document.querySelectorAll("a[href]");
  186. 			await process_ele(eles, extract_url, "try fix");
  187. 			await sleep(1000);
  188. 			await process_ele(eles, extract_in_text, "try fix spaced", GM_config.get("fix_segment"));
  189. 		},
  190. 		sleep = (ms = 100) => new Promise(resolve => setTimeout(resolve, ms)),
  191. 		start_script = async () => {
  192. 			slog("script start");
  193. 			await wait_tab();
  194. 			await ini_config();
  195. 			await load_value();
  196. 			await remove_blacklist_target();
  197. 			await remove_richcontent();
  198. 			await main();
  199. 			GM_config.onOpen(); // update ui
  200. 		},
  201. 		load_value = async () => {
  202. 			blacklist_id = GM_config.get("blacklist_id").split("\n");
  203. 			blacklist_img = GM_config.get("blacklist_img").split("\n");
  204. 			slog("load blacklist, id", blacklist_id.length, "img", blacklist_img.length);
  205. 			return true;
  206. 		},
  207. 		ini_config = async () => {
  208. 			GM_registerMenuCommand("設定(alt+Q)", () => GM_config.open());
  209. 			document.addEventListener("keydown", (e) => { if (e.altKey && e.key == "q") GM_config.open(); });
  210. 			GM_config.init({
  211. 				id: "settings", // The id used for this instance of GM_config
  212. 				title: "腳本設定",
  213. 				fields: {
  214. 					// This is the id of the field
  215. 					fix_segment: {
  216. 						label: "嘗試對分段網址開圖 (小心使用)",
  217. 						section: "功能設定",
  218. 						type: "checkbox",
  219. 						default: true,
  220. 					},
  221. 					blacklist_id: {
  222. 						label: "ID",
  223. 						section: ["黑名單", "每行一個ID/圖片檔名"],
  224. 						type: "textarea",
  225. 						default: blacklist_id.join("\n")
  226. 					},
  227. 					blocked_id: {
  228. 						label: "由於圖片被阻擋，但ID未在名單中",
  229. 						type: "textarea",
  230. 						default: [...blocked_id].join("\n")
  231. 					},
  232. 					blacklist_img: {
  233. 						label: "圖片名稱",
  234. 						type: "textarea",
  235. 						default: blacklist_img.join("\n")
  236. 					},
  237. 					blocked_img: {
  238. 						label: "由於ID被阻擋，但圖片未在名單中",
  239. 						type: "textarea",
  240. 						default: [...blocked_img].join("\n")
  241. 					},
  242. 				},
  243. 				css: `
  244. 					#settings_fix_segment_var {
  245. 						display: inline-flex;
  246.     					margin: 0.5rem !important;
  247. 						border: 0.1rem solid;
  248.     					padding: 0.5rem;
  249. 					}
  250.  
  251. 					#settings_blacklist_id_var,#settings_blacklist_img_var,#settings_blocked_id_var,#settings_blocked_img_var {
  252. 						width: calc(90% / 4) !important;
  253. 						height: 60% !important;
  254. 						margin: 1rem !important;
  255. 						display: inline-block;
  256. 					}
  257.  
  258. 					#settings_blacklist_id_field_label,#settings_blacklist_img_field_label,#settings_blocked_id_field_label,#settings_blocked_img_field_label,#settings_fix_segment_field_label {
  259. 						font-size: 1rem !important;
  260. 						text-align: center;
  261.     					display: block;
  262. 					}
  263.  
  264. 					#settings_field_blacklist_id,#settings_field_blacklist_img,#settings_field_blocked_id,#settings_field_blocked_img {
  265. 						width: 100% !important;
  266. 						height: 90% !important;
  267. 					}
  268. 				`,
  269. 			});
  270. 			const
  271. 				blacklist = ["blacklist_id", "blacklist_img",],
  272. 				load_list = (list_id = "") => { return GM_config.get(list_id); };
  273. 			GM_config.onOpen = () => {
  274. 				let ui_id = [
  275. 					{ id: "blocked_id", data: blocked_id },
  276. 					{ id: "blocked_img", data: blocked_img },
  277. 				];
  278. 				ui_id.forEach(o => {
  279. 					slog("load", o.id, o.data.size);
  280. 					GM_config.fields[o.id].value = [...o.data].join("\n");
  281. 				});
  282. 				blacklist.forEach(id => {
  283. 					let list = load_list(id);
  284. 					slog("load", id, list.split("\n").length);
  285. 					GM_config.fields[id].value = list;
  286. 				});
  287. 			};
  288. 			GM_config.onSave = () => {
  289. 				blacklist.forEach(id => {
  290. 					let list = load_list(id);
  291. 					slog("save", id, list.split("\n").length);
  292. 				});
  293. 			};
  294. 			return true;
  295. 		};
  296. 	document.body.onload = start_script;
  297. })();
  298.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址