您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
ふたばちゃんねるのスレッド上で貼られたAmazonとDLsiteのURLからタイトルとあれば価格と画像を取得する
当前为
// ==UserScript== // @name buyNow! // @namespace http://2chan.net/ // @version 0.2.0 // @description ふたばちゃんねるのスレッド上で貼られたAmazonとDLsiteのURLからタイトルとあれば価格と画像を取得する // @author ame-chan // @match http://*.2chan.net/b/res/* // @match https://*.2chan.net/b/res/* // @match https://kako.futakuro.com/futa/* // @match https://tsumanne.net/si/data/* // @icon https://www.google.com/s2/favicons?sz=64&domain=2chan.net // @grant GM_xmlhttpRequest // @connect amazon.co.jp // @connect www.amazon.co.jp // @connect amzn.to // @connect amzn.asia // @connect dlsite.com // @license MIT // ==/UserScript== (function () { 'use strict'; const WHITE_LIST_URLS = [ 'https://amazon.co.jp/', 'https://www.amazon.co.jp/', 'https://amzn.to/', 'https://amzn.asia/', 'http://www.dlsite.com/', 'https://www.dlsite.com/', 'http://dlsite.com/', 'https://dlsite.com/', ]; const isAmazon = (path) => ['amazon.co.jp', 'amzn.to', 'amzn.asia'].some((url) => path.includes(url)); const isDLsite = (path) => path.includes('dlsite.com'); const WHITE_LIST_SELECTORS = (() => WHITE_LIST_URLS.map((url) => `a[href^="${url}"]`).join(','))(); const isProductPage = (url) => /https:\/\/(www\.)?amazon\.co\.jp\/.*\/[A-Z0-9]{10}/.test(url) || /https:\/\/amzn.(asia|to)\//.test(url) || /https?:\/\/(www\.)?dlsite\.com\/.+?\/[A-Z0-9]{8,}\.html/.test(url); const getBrandName = (url) => { if (isAmazon(url)) { return 'amazon'; } else if (isDLsite(url)) { return 'dlsite'; } return ''; }; const addedStyle = `<style id="userjs-get-title-link"> .userjs-title { display: block; margin: 8px 0 16px; padding: 8px 16px; line-height: 1.6 !important; color: #ff3860 !important; background-color: #fff; border-radius: 4px; } img { max-width: none; max-height: none; } .userjs-price { display: block; margin-top: 4px; color: #228b22 !important; font-weight: 700; } </style>`; if (!document.querySelector('#userjs-get-title-link')) { document.head.insertAdjacentHTML('beforeend', addedStyle); } class FileReaderEx extends FileReader { constructor() { super(); } #readAs(blob, ctx) { return new Promise((res, rej) => { super.addEventListener('load', ({ target }) => target?.result && res(target.result)); super.addEventListener('error', ({ target }) => target?.error && rej(target.error)); super[ctx](blob); }); } readAsArrayBuffer(blob) { return this.#readAs(blob, 'readAsArrayBuffer'); } readAsDataURL(blob) { return this.#readAs(blob, 'readAsDataURL'); } } const getHTMLData = (url) => new Promise((resolve) => { GM_xmlhttpRequest({ method: 'GET', url, timeout: 10000, onload: (result) => { if (result.status === 200) { return resolve(result.responseText); } return resolve(false); }, onerror: (err) => err && resolve(false), ontimeout: () => resolve(false), }); }); const setFailedText = (linkElm) => { linkElm.insertAdjacentHTML('afterend', `<span class="userjs-title">データ取得失敗</span>`); }; const setPriceText = ({ targetDocument, brandName }) => { if (brandName === '') return ''; const targetElement = { amazon: () => { const priceRange = () => { const rangeElm = targetDocument.querySelector('.a-price-range'); if (!rangeElm) return 0; rangeElm.querySelectorAll('.a-offscreen').forEach((el) => el.remove()); return rangeElm.textContent?.replace(/[\s]+/g, ''); }; const price = targetDocument.querySelector('#twister-plus-price-data-price')?.value; return Number(price) || priceRange() || 0; }, dlsite: () => { const url = targetDocument.querySelector('meta[property="og:url"]')?.content; const productId = url.split('/').pop()?.replace('.html', ''); const priceElm = targetDocument.querySelector(`[data-product_id="${productId}"][data-price]`); return parseInt(priceElm?.getAttribute('data-price') || '', 10); }, }; const price = targetElement[brandName](); let priceText = price; if (!price) return; if (typeof price === 'number' && Number.isInteger(price) && price > 0) { priceText = new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY', }).format(price); } return `<span class="userjs-price">${priceText}</span>`; }; const setTitleText = ({ targetDocument, linkElm, brandName }) => { const titleElm = targetDocument.querySelector('title'); if (!titleElm || !titleElm?.textContent) return; const priceText = setPriceText({ targetDocument, brandName, }); linkElm.insertAdjacentHTML('afterend', `<span class="userjs-title">${titleElm.textContent}${priceText}</span>`); }; const setImageElm = async ({ targetDocument, titleTextElm, brandName }) => { if (brandName === '') return; const imageEventHandler = (e) => { const self = e.currentTarget; if (!(self instanceof HTMLImageElement)) return; if (self.width === 100) { self.width = 600; } else { self.width = 100; } }; const targetElement = { amazon: targetDocument.querySelector('#landingImage')?.src || targetDocument.querySelector('.unrolledScrollBox li:first-child img')?.src, dlsite: targetDocument.querySelector('meta[property="og:image"]')?.content, }; const imagePath = targetElement[brandName]; if (typeof imagePath !== 'string') return; const blob = await (await fetch(imagePath)).blob(); const dataUrl = await new FileReaderEx().readAsDataURL(blob); const img = document.createElement('img'); img.src = dataUrl; img.width = 100; img.classList.add('userjs-image'); titleTextElm.insertAdjacentElement('afterend', img); img.addEventListener('click', imageEventHandler); }; const setLoading = (linkElm) => { const loadingSVG = '<svg data-id="userjs-loading" width="16" height="16" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#000"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".5" cx="18" cy="18" r="18"/><path d="M36 18c0-9.94-8.06-18-18-18"> <animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/></path></g></g></svg>'; const parentElm = linkElm.parentElement; if ( parentElm instanceof HTMLFontElement || !isProductPage(linkElm.href) || parentElm?.querySelector('[data-id="userjs-loading"]') ) { return; } linkElm.insertAdjacentHTML('afterend', loadingSVG); }; const removeLoading = (targetElm) => targetElm.parentElement?.querySelector('[data-id="userjs-loading"]')?.remove(); const insertURLData = async (linkElm) => { const parentElm = linkElm.parentElement; if (parentElm instanceof HTMLFontElement || !isProductPage(linkElm.href)) { return; } const htmlData = await getHTMLData(linkElm.href); if (!htmlData) { setFailedText(linkElm); removeLoading(linkElm); return; } const parser = new DOMParser(); const targetDocument = parser.parseFromString(htmlData, 'text/html'); const brandName = getBrandName(linkElm.href); setTitleText({ targetDocument, linkElm, brandName, }); const titleTextElm = parentElm?.querySelector('.userjs-title'); if (titleTextElm) { await setImageElm({ targetDocument, titleTextElm, brandName, }); } removeLoading(linkElm); }; const replaceDefaultURL = (targetElm) => { const linkElms = targetElm.querySelectorAll('a[href]'); const replaceUrl = (url) => { const regex = /http:\/\/www\.dlsite\.com\/(.+?)\/dlaf\/=\/link\/work\/aid\/[a-zA-Z]+\/id\/(RJ[0-9]+)\.html/; const newUrlFormat = 'https://www.dlsite.com/$1/work/=/product_id/$2.html'; return url.replace(regex, newUrlFormat); }; for (const linkElm of linkElms) { const brandName = getBrandName(linkElm.href); if (brandName === 'dlsite') { linkElm.href = replaceUrl(linkElm.href); } linkElm.href = linkElm.getAttribute('href')?.replace('/bin/jump.php?', '') || ''; } }; const searchLinkElements = (targetElm) => { const linkElms = targetElm.querySelectorAll(WHITE_LIST_SELECTORS); if (!linkElms.length) return; for (const linkElm of linkElms) { if (!(linkElm instanceof HTMLElement)) continue; setLoading(linkElm); void insertURLData(linkElm); } }; const mutationLinkElements = async (mutations) => { for (const mutation of mutations) { for (const addedNode of mutation.addedNodes) { if (!(addedNode instanceof HTMLElement)) continue; replaceDefaultURL(addedNode); searchLinkElements(addedNode); } } }; const threadElm = document.querySelector('.thre'); if (threadElm instanceof HTMLElement) { replaceDefaultURL(threadElm); searchLinkElements(threadElm); const observer = new MutationObserver(mutationLinkElements); observer.observe(threadElm, { childList: true, }); } })();