☰

Twitter 图片查看增强

让推特图片浏览更加人性化

当前为 2019-11-01 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Twitter image viewing enhancement
// @name:zh-CN   Twitter 图片查看增强
// @name:zh-TW   Twitter 圖像查看增強
// @icon         https://twitter.com/favicon.ico
// @namespace    https://moe.best/
// @version      0.3
// @description        Make Twitter photo viewing more humane
// @description:zh-CN  让推特图片浏览更加人性化
// @description:zh-TW  讓 Twitter 照片瀏覽更人性化
// @author       Jindai Kirin
// @include      https://twitter.com/*
// @license      MIT
// @grant        none
// @run-at       document-end
// @require      https://cdn.bootcss.com/jquery/3.4.1/jquery.slim.min.js
// @require      https://cdn.bootcss.com/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js
// ==/UserScript==

(function() {
	'use strict';

	const closeImgView = () => $($('#react-root > div > div > div > div > div > div > div > div > div > div > div:last-child > div[dir=auto]')[0]).click();
	const prevImg = () => $($('#react-root > div > div > div > div > div > div > div > div > div > div > div > div:first-child > div > div > div[dir=auto]')[0]).click();
	const nextImg = () => $($('#react-root > div > div > div > div > div > div > div > div > div > div > div > div:first-child > div > div > div[dir=auto]')[1]).click();

	$(document).click(({ target: { tagName, baseURI } }) => {
		if (tagName == 'IMG' && /\/photo\//.test(baseURI)) closeImgView();
	});

	$(window).mousewheel(({ deltaY, target: { tagName, baseURI } }) => {
		if (tagName == 'IMG' && /\/photo\//.test(baseURI)) {
			switch (deltaY) {
				case 1:
					prevImg();
					break;
				case -1:
					nextImg();
					break;
			}
		}
	});
})();