☰

草榴社区显示列表预览图

草榴社区显示列表预览图，仅针对 t66y.com 域名有效

// ==UserScript==
// @name        草榴社区显示列表预览图
// @namespace    http://tampermonkey.net/
// @version      1.0.1
// @description  草榴社区显示列表预览图，仅针对 t66y.com 域名有效
// @author       meteora
// @match        https://t66y.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=t66y.com
// @grant        none
// @license MIT
// ==/UserScript==
;(() => {
	const domList = document.querySelectorAll("#tbody > tr > td.tal")
	if (!domList || domList.length === 0) return
	for (const item of domList) {
		//获取元素里面的预览图片的地址
		const aDom = item.querySelector("h3 > a")
		if (!aDom) continue
		const pageUrl = aDom.href
		if (!pageUrl) continue
		fetch(pageUrl).then(async (res) => {
			let appendDom = ""
			const responseText = await res.text()
			//通过响应的网页代码构造出一颗dom树以选取里面的元素，以元素里面的图片地址
			const dom = document.createElement("div")
			dom.innerHTML = responseText
			//找出网页里面的预览图
			const imgDomList = dom.querySelectorAll("img[ess-data]")
			if (!imgDomList || imgDomList.length === 0) return
			for (let imgDom of imgDomList) {
				const imageSrc = imgDom.getAttribute("ess-data")
				appendDom += `<div style="margin: 10px 0"><a href="${pageUrl}" target="_blank"><img src="${imageSrc}" style="height: auto; max-height: 300px; cursor: pointer" alt=""/></a></div>`
			}
			//在下面插入一个元素
			const newElement = document.createElement("div")
			newElement.innerHTML = appendDom
			const insertItem = item.querySelector("h3")
			insertItem.insertAdjacentElement("afterend", newElement)
		})
	}
})()