Adds a button to search Reddit via Google Search
目前為
// ==UserScript==
// @name Reddit on Google Search
// @version 1.1.0
// @description Adds a button to search Reddit via Google Search
// @author Alexyoe
// @namespace https://github.com/Alexyoe/Reddit-on-Google-Search
// @license MIT
// @include http*://www.google.*/search*
// @include http*://google.*/search*
// @run-at document-end
// ==/UserScript==
const settings = {
iconVisible: true,
nameVisible: false, // set true if you want “Reddit” next to the icon
btnPosition: "start", // "start", "end", "afterai"
fixSize: false,
};
// Start Code
const queryRegex = /q=[^&]+/g;
const siteRegex = /\+site(?:%3A|\:).+\.[^&+]+/g;
const redditUrl = "+site%3Areddit.com";
// Reddit SVG
let redditIcon = `
<svg focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M0 7.59c.1-.26.15-.54.28-.77.57-1 1.83-1.29 2.79-.67.09.06.15.06.24 0A8.94 8.94 0 017.5 5c.1 0 .15-.04.19-.14l1.17-3.32.05-.15 1.23.3c.56.12 1.12.25 1.68.4.1.02.15 0 .2-.09a1.66 1.66 0 013.06 1.02c-.06.8-.72 1.46-1.5 1.52-.85.06-1.6-.47-1.77-1.28-.04-.17-.1-.23-.27-.27L9.54 2.5l-.88 2.48c.37.05.72.08 1.07.14 1.05.17 2.04.5 2.96 1.04.09.05.14.05.23 0a1.99 1.99 0 012.34 3.2c-.04.04-.08.11-.08.17a3.67 3.67 0 01-.9 2.73 6.36 6.36 0 01-2.9 1.92c-2.47.86-4.93.8-7.35-.22a5.89 5.89 0 01-2.48-1.9A3.56 3.56 0 01.8 9.5c0-.04 0-.1-.03-.11a2.1 2.1 0 01-.76-1.32v-.01-.47zm7.72 6.22c1.5 0 2.67-.21 3.73-.66a5.2 5.2 0 002.15-1.54c.83-1.06.85-2.3.06-3.38-.4-.56-.93-.97-1.52-1.3a8.15 8.15 0 00-3.44-.97 9.04 9.04 0 00-4.17.63c-.83.35-1.58.82-2.15 1.54a2.66 2.66 0 00-.08 3.38c.41.57.95.99 1.55 1.32 1.29.7 2.68.97 3.87.98zm5.7-11.63a.7.7 0 00-.7.7c0 .39.32.7.7.71a.7.7 0 00.72-.72.7.7 0 00-.72-.7zm1.44 6.2a1 1 0 00-.05-1.22c-.29-.34-.79-.48-1.14-.3.49.43.9.92 1.19 1.53zM1.12 8.38c.3-.6.7-1.09 1.19-1.52-.35-.16-.81-.03-1.1.29-.3.33-.34.83-.09 1.23z"/>
<path d="M7.98 13.1a4.77 4.77 0 01-1.99-.45 3.58 3.58 0 01-.65-.45c-.24-.2-.24-.5-.04-.7.19-.2.47-.19.7.01.33.3.73.44 1.16.52.76.14 1.52.11 2.24-.17.24-.1.45-.24.66-.38.22-.16.5-.16.68.03.18.2.17.5-.04.68-.43.39-.95.62-1.5.73-.4.08-.81.12-1.22.18zM11.67 9.04a1.3 1.3 0 01-2.6 0 1.3 1.3 0 012.6 0zM4.46 9.04c0-.73.6-1.3 1.32-1.3a1.3 1.3 0 11-1.32 1.3z"/>
</svg>`;
// Trusted Types for CSP
if (typeof trustedTypes !== "undefined") {
const p = trustedTypes.createPolicy("html", { createHTML: (x) => x });
redditIcon = p.createHTML(redditIcon);
}
(function waitForNav() {
// find the nav container that has listitems
const allNavs = document.querySelectorAll('div[role="navigation"]');
let container = null;
for (const nav of allNavs) {
if (nav.querySelector('div[role="listitem"] a')) {
container = nav;
break;
}
}
if (!container) {
return setTimeout(waitForNav, 200);
}
// clone nav button
const sample = container.querySelector('div[role="listitem"] a');
if (!sample) return;
const btn = sample.cloneNode(true);
// rewrite the URL
btn.href = window.location.href.replace(queryRegex, (m) =>
m.search(siteRegex) >= 0 ? m.replace(siteRegex, redditUrl) : m + redditUrl
);
// Force the <a> itself to center its children
btn.style.display = "inline-flex";
btn.style.alignItems = "center";
btn.style.justifyContent = "center";
btn.style.verticalAlign = "middle"; // fallback for inline layout
// Remove old label/icon
const inner = btn.querySelector("div[jsname]") || btn;
inner.innerHTML = "";
// Build inline‐flex wrapper for icon + text
const wrapper = document.createElement("span");
// SVG Style
if (settings.iconVisible) {
const iconWrapper = document.createElement("span");
iconWrapper.className = "FXBAof z1asCe K1bG5d"; // Google’s own SVG classes
iconWrapper.style.display = "inline-flex";
iconWrapper.style.alignItems = "center";
iconWrapper.style.justifyContent = "center";
iconWrapper.style.width = "16px";
iconWrapper.style.height = "16px";
iconWrapper.style.verticalAlign = "middle";
iconWrapper.innerHTML = redditIcon;
wrapper.appendChild(iconWrapper);
}
// Add “Reddit” label
if (settings.nameVisible) {
const txt = document.createElement("span");
txt.className = "R1QWuf";
txt.textContent = "Reddit";
wrapper.appendChild(txt);
}
// Add wrapper to cloned button
inner.appendChild(wrapper);
// insert at requested position
if (settings.btnPosition === "start") {
// before the very first listitem
const firstItem = container.querySelector('div[role="listitem"]');
firstItem ? firstItem.before(btn) : container.prepend(btn);
} else if (settings.btnPosition === "end") {
container.append(btn);
} else {
// place immediately after "AI Mode" (index 0) → index 1
const items = container.querySelectorAll('div[role="listitem"]');
if (items[0]) {
items[0].after(btn);
} else {
container.append(btn);
}
}
// optional: kill any max‑width so nothing wraps
if (settings.fixSize) {
container.style.maxWidth = "inherit";
container.style.overflowX = "auto";
container.style.whiteSpace = "nowrap";
}
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址