您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
[snolab] Mulango - Walkers for bilingual learners. View a google search result in two languages side by side for comparison and language learning. now supports Bing & Google,
// ==UserScript== // @name google multilang search view en/zh // @name:zh 谷歌多语言搜索 en/zh // @namespace [email protected] // @author [email protected] // @version 1.0.1 // @description [snolab] Mulango - Walkers for bilingual learners. View a google search result in two languages side by side for comparison and language learning. now supports Bing & Google, // @description:zh [snolab] Mulango - 双语学习者的学步车,以并列多语言视角浏览谷歌搜索结果 现支持 Bing & Google, // @match https://*.google.com/search?* // @match https://*.bing.com/search?* // @match https://*/search* // @grant none // @run-at document-start // @license GPL-3.0+ // @supportURL https://github.com/snomiao/userscript.js/issues // @contributionURL https://snomiao.com/donate // @grant GM_getValue // @grant GM_setValue // ==/UserScript== (async function () { if (!location.hostname.match(/google|bing/)) return; if (parent !== window) return iframeSetup(); iframeHeightReceiverSetup(); const searchLinks = await mulangoSearchLinksFetch(); searchLinks.length && mulangoPageReplace(searchLinks); })(); function mulangoPageReplace(searchLinks) { const iframes = searchLinks.map((src) => `<iframe src="${src}"></iframe>`); const style = `<style> body{margin: 0; display: flex; flex-direction: row; } iframe{flex: auto; height: 100vh; overflow: hidden;border: none; } </style>`; document.body.innerHTML = `${style}${iframes}`; } function iframeHeightReceiverSetup() { const setHeight = (height = 0) => height && [...document.querySelectorAll("iframe[src]")].map( (e) => (e.style.height = Math.max( Number(String(e.style.height).replace(/\D+/g, "") || 0), height ) + "px") ); window.addEventListener("message", (e) => setHeight(e.data?.height), false); } function iframeSetup() { iframeScrollbarRemove(); const sendHeight = () => parent.postMessage?.({ height: document.body.scrollHeight }, "*"); window.addEventListener("resize", sendHeight, false); window.addEventListener("load", sendHeight, false); sendHeight(); window.addEventListener("load", iframeLinksSetup, false); } function iframeLinksSetup() { return [...document.querySelectorAll("a[href]")] .filter(({ href }) => new URL(href).origin === location.origin) .map((e) => (e.target = "_parent")); } function iframeScrollbarRemove() { document.body.style.margin = "-18px auto 0"; } async function mulangoSearchLinksFetch() { const url = new URL(location.href); const query = url.searchParams.get("q") || ""; if (!query) return []; const result = await bilangTranslate(query); const searchLinks = result.map((t) => { const u2 = new URL(url.href); u2.searchParams.set("q", t); return u2.href; }); return searchLinks; } async function bilangTranslate(s) { const translate = ( await import( "https://cdn.skypack.dev/@snomiao/google-translate-api-browser" ) ).setCORS("https://google-translate-cors.vercel.app/api?url=", { encode: true, }); return [ await translate(s, { to: "zh" }) .then((e) => e.text) .catch(console.error), await translate(s, { to: "en" }) .then((e) => e.text) .catch(console.error), ].filter((e) => e); }