☰

Google Gemini Mod (Toolbar & Download)

Enhances Google Gemini with a toolbar for snippets and canvas content download.

当前为 2025-05-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Google Gemini Mod (Toolbar & Download)
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.0.5
  5. // @description  Enhances Google Gemini with a toolbar for snippets and canvas content download.
  6. // @description[de] Verbessert Google Gemini mit einer Symbolleiste für Snippets und dem Herunterladen von Canvas-Inhalten.
  7. // @author       Adromir
  8. // @match        https://gemini.google.com/*
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=gemini.google.com
  10. // @license      MIT
  11. // @licenseURL   https://opensource.org/licenses/MIT
  12. // @homepageURL  https://github.com/adromir/scripts/tree/main/userscripts/gemini-snippets
  13. // @supportURL   https://github.com/adromir/scripts/issues
  14. // @grant        GM_addStyle
  15. // @grant        GM_setClipboard
  16. // @grant        GM_getClipboard
  17. // ==/UserScript==
  18.  
  19. (function() {
  20.     'use strict';
  21.  
  22.     // ===================================================================================
  23.     // I. CONFIGURATION SECTION
  24.     // ===================================================================================
  25.  
  26.     // --- Customizable Labels for Toolbar Buttons ---
  27.     const PASTE_BUTTON_LABEL = "📋 Paste";
  28.     const DOWNLOAD_BUTTON_LABEL = "💾 Download Canvas as File";
  29.  
  30.     // --- CSS Selectors for DOM Elements ---
  31.     // Selector to find the h2 title element of an active canvas.
  32.     const GEMINI_CANVAS_TITLE_TEXT_SELECTOR = "#app-root > main > side-navigation-v2 > bard-sidenav-container > bard-sidenav-content > div.content-wrapper > div > div.content-container > chat-window > immersive-panel > code-immersive-panel > toolbar > div > div.left-panel > h2.title-text.gds-title-s.ng-star-inserted"; 
  33.     
  34.     // Selector for the "Copy to Clipboard" button, relative to the toolbar element.
  35.     const GEMINI_COPY_BUTTON_IN_TOOLBAR_SELECTOR = "div.action-buttons > copy-button.ng-star-inserted > button.copy-button";
  36.  
  37.     // Selectors for the Gemini input field (for snippet insertion)
  38.     const GEMINI_INPUT_FIELD_SELECTORS = [
  39.         '.ql-editor p', 
  40.         '.ql-editor',   
  41.         'div[contenteditable="true"]' 
  42.     ];
  43.  
  44.     // --- Download Feature Configuration ---
  45.     const DEFAULT_DOWNLOAD_EXTENSION = "txt"; 
  46.  
  47.     // --- Regular Expressions for Filename Sanitization ---
  48.     // eslint-disable-next-line no-control-regex
  49.     const INVALID_FILENAME_CHARS_REGEX = /[<>:"/\\|?*\x00-\x1F]/g;
  50.     const RESERVED_WINDOWS_NAMES_REGEX = /^(CON|PRN|AUX|NUL|COM[1-9]|LPT[1-9])$/i;
  51.     const FILENAME_WITH_EXT_REGEX = /^(.+)\.([a-zA-Z0-9]{1,8})$/; 
  52.     const SUBSTRING_FILENAME_REGEX = /([\w\s.,\-()[\\]{}'!~@#$%^&+=]+?\.([a-zA-Z0-9]{1,8}))(?=\s|$|[,.;:!?])/g;
  53.  
  54.     // ===================================================================================
  55.     // II. TOOLBAR ELEMENT DEFINITIONS
  56.     // ===================================================================================
  57.  
  58.     const buttonSnippets = [
  59.         { label: "Greeting", text: "Hello Gemini!" },
  60.         { label: "Explain", text: "Could you please explain ... in more detail?" },
  61.     ];
  62.  
  63.     const dropdownConfigurations = [
  64.         {
  65.             placeholder: "Actions...",
  66.             options: [
  67.                 { label: "Summarize", text: "Please summarize the following text:\n" },
  68.                 { label: "Ideas", text: "Give me 5 ideas for ..." },
  69.                 { label: "Code (JS)", text: "Give me a JavaScript code example for ..." },
  70.             ]
  71.         },
  72.         {
  73.             placeholder: "Translations",
  74.             options: [
  75.                 { label: "DE -> EN", text: "Translate the following into English:\n" },
  76.                 { label: "EN -> DE", text: "Translate the following into German:\n" },
  77.                 { label: "Correct Text", text: "Please correct the grammar and spelling in the following text:\n" }
  78.             ]
  79.         },
  80.     ];
  81.  
  82.     // ===================================================================================
  83.     // III. SCRIPT LOGIC
  84.     // ===================================================================================
  85.     
  86.     // --- Embedded CSS for the Toolbar ---
  87.     const embeddedCSS = `
  88.         #gemini-snippet-toolbar-userscript { 
  89.           position: fixed !important; top: 0 !important; left: 50% !important; 
  90.           transform: translateX(-50%) !important; 
  91.           width: auto !important; 
  92.           max-width: 80% !important; 
  93.           padding: 10px 15px !important; 
  94.           z-index: 999999 !important; 
  95.           display: flex !important; flex-wrap: wrap !important;
  96.           gap: 8px !important; align-items: center !important; font-family: 'Roboto', 'Arial', sans-serif !important;
  97.           box-sizing: border-box !important; background-color: rgba(40, 42, 44, 0.95) !important;
  98.           border-radius: 0 0 16px 16px !important; 
  99.           box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  100.         }
  101.         #gemini-snippet-toolbar-userscript button, 
  102.         #gemini-snippet-toolbar-userscript select {
  103.           padding: 4px 10px !important; cursor: pointer !important; background-color: #202122 !important;
  104.           color: #e3e3e3 !important; border-radius: 16px !important; font-size: 13px !important;
  105.           font-family: inherit !important; font-weight: 500 !important; height: 28px !important;
  106.           box-sizing: border-box !important; vertical-align: middle !important;
  107.           transition: background-color 0.2s ease, transform 0.1s ease !important;
  108.           border: none !important; flex-shrink: 0;
  109.         }
  110.         #gemini-snippet-toolbar-userscript select {
  111.           padding-right: 25px !important;
  112.           appearance: none !important;
  113.           background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23e3e3e3" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>') !important;
  114.           background-repeat: no-repeat !important;
  115.           background-position: right 8px center !important;
  116.           background-size: 12px 12px !important;
  117.         }
  118.         #gemini-snippet-toolbar-userscript option {
  119.           background-color: #2a2a2a !important;
  120.           color: #e3e3e3 !important;
  121.           font-weight: normal !important;
  122.           padding: 5px 10px !important;
  123.         }
  124.         #gemini-snippet-toolbar-userscript button:hover,
  125.         #gemini-snippet-toolbar-userscript select:hover {
  126.           background-color: #4a4e51 !important;
  127.         }
  128.         #gemini-snippet-toolbar-userscript button:active {
  129.           background-color: #5f6368 !important;
  130.           transform: scale(0.98) !important;
  131.         }
  132.         .userscript-toolbar-spacer { 
  133.             margin-left: auto !important;
  134.         }
  135.     `;
  136.  
  137.     /**
  138.      * Injects the embedded CSS using GM_addStyle.
  139.      */
  140.     function injectCustomCSS() {
  141.         try {
  142.             GM_addStyle(embeddedCSS);
  143.             console.log("Gemini Mod Userscript: Custom CSS injected successfully.");
  144.         } catch (error) {
  145.             console.error("Gemini Mod Userscript: Failed to inject custom CSS:", error);
  146.             const styleId = 'gemini-mod-userscript-styles';
  147.             if (document.getElementById(styleId)) return;
  148.             const style = document.createElement('style');
  149.             style.id = styleId;
  150.             style.textContent = embeddedCSS;
  151.             document.head.appendChild(style);
  152.         }
  153.     }
  154.  
  155.     /**
  156.      * Displays a message to the user (console and alert).
  157.      * @param {string} message - The message to display.
  158.      * @param {boolean} isError - True if it's an error message.
  159.      */
  160.     function displayUserscriptMessage(message, isError = true) {
  161.         const prefix = "Gemini Mod Userscript: ";
  162.         if (isError) console.error(prefix + message);
  163.         else console.log(prefix + message);
  164.         alert(prefix + message);
  165.     }
  166.  
  167.     /**
  168.      * Moves the cursor to the end of the provided element's content.
  169.      * @param {Element} element - The contenteditable element or paragraph within it.
  170.      */
  171.     function moveCursorToEnd(element) {
  172.         try {
  173.             const range = document.createRange();
  174.             const sel = window.getSelection();
  175.             range.selectNodeContents(element);
  176.             range.collapse(false);
  177.             sel.removeAllRanges();
  178.             sel.addRange(range);
  179.             element.focus();
  180.         } catch (e) {
  181.             console.error("Gemini Mod Userscript: Error setting cursor position:", e);
  182.         }
  183.     }
  184.  
  185.     /**
  186.      * Finds the target Gemini input element.
  187.      * @returns {Element | null} The found input element or null.
  188.      */
  189.     function findTargetInputElement() {
  190.         let targetInputElement = null;
  191.         for (const selector of GEMINI_INPUT_FIELD_SELECTORS) {
  192.             const element = document.querySelector(selector);
  193.             if (element) {
  194.                 if (element.classList.contains('ql-editor')) {
  195.                     const pInEditor = element.querySelector('p');
  196.                     targetInputElement = pInEditor || element;
  197.                 } else {
  198.                     targetInputElement = element;
  199.                 }
  200.                 break;
  201.             }
  202.         }
  203.         return targetInputElement;
  204.     }
  205.  
  206.     /**
  207.      * Inserts text into the Gemini input field, always appending.
  208.      * @param {string} textToInsert - The text snippet to insert.
  209.      */
  210.     function insertSnippetText(textToInsert) {
  211.         let targetInputElement = findTargetInputElement();
  212.         if (!targetInputElement) {
  213.             displayUserscriptMessage("Could not find Gemini input field.");
  214.             return;
  215.         }
  216.         let actualInsertionPoint = targetInputElement;
  217.         if (targetInputElement.classList.contains('ql-editor')) {
  218.             let p = targetInputElement.querySelector('p');
  219.             if (!p) {
  220.                 p = document.createElement('p');
  221.                 targetInputElement.appendChild(p);
  222.             }
  223.             actualInsertionPoint = p;
  224.         }
  225.         actualInsertionPoint.focus();
  226.         setTimeout(() => {
  227.             moveCursorToEnd(actualInsertionPoint);
  228.             let insertedViaExec = false;
  229.             try {
  230.                 insertedViaExec = document.execCommand('insertText', false, textToInsert);
  231.             } catch (e) {
  232.                 console.warn("Gemini Mod Userscript: execCommand('insertText') threw an error:", e);
  233.             }
  234.             if (!insertedViaExec) {
  235.                 if (actualInsertionPoint.innerHTML === '<br>') actualInsertionPoint.innerHTML = '';
  236.                 actualInsertionPoint.textContent += textToInsert;
  237.                 moveCursorToEnd(actualInsertionPoint);
  238.             }
  239.             const editorToDispatchOn = document.querySelector('.ql-editor') || targetInputElement;
  240.             if (editorToDispatchOn) {
  241.                 editorToDispatchOn.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
  242.                 editorToDispatchOn.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
  243.             }
  244.             console.log("Gemini Mod Userscript: Snippet inserted.");
  245.         }, 50);
  246.     }
  247.  
  248.     /**
  249.      * Handles the paste button click. Reads from clipboard and inserts text.
  250.      */
  251.     async function handlePasteButtonClick() {
  252.         try {
  253.             if (!navigator.clipboard || !navigator.clipboard.readText) {
  254.                 displayUserscriptMessage("Clipboard access is not available or not permitted.");
  255.                 return;
  256.             }
  257.             const text = await navigator.clipboard.readText();
  258.             if (text) insertSnippetText(text);
  259.             else console.log("Gemini Mod Userscript: Clipboard is empty.");
  260.         } catch (err) {
  261.             console.error('Gemini Mod Userscript: Failed to read clipboard contents: ', err);
  262.             displayUserscriptMessage(err.name === 'NotAllowedError' ? 'Permission to read clipboard was denied.' : 'Failed to paste from clipboard. See console.');
  263.         }
  264.     }
  265.  
  266.     /**
  267.      * Helper function to ensure filename length does not exceed a maximum.
  268.      * @param {string} filename - The filename to check.
  269.      * @param {number} maxLength - The maximum allowed length.
  270.      * @returns {string} The potentially truncated filename.
  271.      */
  272.     function ensureLength(filename, maxLength = 255) {
  273.         if (filename.length <= maxLength) {
  274.             return filename;
  275.         }
  276.         const dotIndex = filename.lastIndexOf('.');
  277.         if (dotIndex === -1 || dotIndex < filename.length - 10 ) { 
  278.             return filename.substring(0, maxLength);
  279.         }
  280.         const base = filename.substring(0, dotIndex);
  281.         const ext = filename.substring(dotIndex);
  282.         const maxBaseLength = maxLength - ext.length;
  283.         if (maxBaseLength <= 0) {
  284.             return filename.substring(0, maxLength);
  285.         }
  286.         return base.substring(0, maxBaseLength) + ext;
  287.     }
  288.  
  289.     /**
  290.      * Sanitizes a base filename part (no extension).
  291.      * @param {string} baseName - The base name to sanitize.
  292.      * @returns {string} The sanitized base name.
  293.      */
  294.     function sanitizeBasename(baseName) {
  295.         if (typeof baseName !== 'string' || baseName.trim() === "") return "downloaded_document";
  296.         let sanitized = baseName.trim()
  297.             .replace(INVALID_FILENAME_CHARS_REGEX, '_')
  298.             .replace(/\s+/g, '_')
  299.             .replace(/__+/g, '_')
  300.             .replace(/^[_.-]+|[_.-]+$/g, '');
  301.         if (!sanitized || RESERVED_WINDOWS_NAMES_REGEX.test(sanitized)) {
  302.             sanitized = `_${sanitized || "file"}_`;
  303.             sanitized = sanitized.replace(INVALID_FILENAME_CHARS_REGEX, '_').replace(/\s+/g, '_').replace(/__+/g, '_').replace(/^[_.-]+|[_.-]+$/g, '');
  304.         }
  305.         return sanitized || "downloaded_document";
  306.     }
  307.  
  308.     /**
  309.      * Determines the filename for download based on the canvas title,
  310.      * prioritizing a `basename.ext` structure if found.
  311.      * @param {string} title - The original string (e.g., canvas title).
  312.      * @param {string} defaultExtension - The default extension if no structure is found.
  313.      * @returns {string} A processed filename.
  314.      */
  315.     function determineFilename(title, defaultExtension = "txt") {
  316.         const logPrefix = "Gemini Mod Userscript: determineFilename - ";
  317.         if (!title || typeof title !== 'string' || title.trim() === "") {
  318.             console.log(`${logPrefix}Input title invalid or empty, defaulting to "downloaded_document.${defaultExtension}".`);
  319.             return ensureLength(`downloaded_document.${defaultExtension}`);
  320.         }
  321.         let trimmedTitle = title.trim();
  322.         let baseNamePart = "";
  323.         let extensionPart = "";
  324.         const fullTitleMatch = trimmedTitle.match(FILENAME_WITH_EXT_REGEX);
  325.         if (fullTitleMatch) {
  326.             const potentialBase = fullTitleMatch[1];
  327.             const potentialExt = fullTitleMatch[2].toLowerCase();
  328.             if (!INVALID_FILENAME_CHARS_REGEX.test(potentialBase.replace(/\s/g, '_'))) {
  329.                 baseNamePart = potentialBase;
  330.                 extensionPart = potentialExt;
  331.                 console.log(`${logPrefix}Entire title "${trimmedTitle}" matches basename.ext. Base: "${baseNamePart}", Ext: "${extensionPart}"`);
  332.             }
  333.         }
  334.         if (!extensionPart) { 
  335.             let lastMatch = null;
  336.             let currentMatch;
  337.             SUBSTRING_FILENAME_REGEX.lastIndex = 0; 
  338.             while ((currentMatch = SUBSTRING_FILENAME_REGEX.exec(trimmedTitle)) !== null) {
  339.                 lastMatch = currentMatch;
  340.             }
  341.             if (lastMatch) {
  342.                 const substringExtMatch = lastMatch[1].match(FILENAME_WITH_EXT_REGEX);
  343.                 if (substringExtMatch) {
  344.                     baseNamePart = substringExtMatch[1];
  345.                     extensionPart = substringExtMatch[2].toLowerCase();
  346.                     console.log(`${logPrefix}Found substring "${lastMatch[1]}" matching basename.ext. Base: "${baseNamePart}", Ext: "${extensionPart}"`);
  347.                 }
  348.             }
  349.         }
  350.         if (extensionPart) { 
  351.             const sanitizedBase = sanitizeBasename(baseNamePart);
  352.             return ensureLength(`${sanitizedBase}.${extensionPart}`);
  353.         } else {
  354.             console.log(`${logPrefix}No basename.ext pattern found. Sanitizing full title "${trimmedTitle}" with default extension "${defaultExtension}".`);
  355.             const sanitizedTitleBase = sanitizeBasename(trimmedTitle);
  356.             return ensureLength(`${sanitizedTitleBase}.${defaultExtension}`);
  357.         }
  358.     }
  359.  
  360.     /**
  361.      * Creates and triggers a download for the given text content.
  362.      * @param {string} filename - The desired filename.
  363.      * @param {string} content - The text content to download.
  364.      */
  365.     function triggerDownload(filename, content) {
  366.         try {
  367.             const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
  368.             const url = URL.createObjectURL(blob);
  369.             const a = document.createElement('a');
  370.             a.href = url;
  371.             a.download = filename;
  372.             document.body.appendChild(a);
  373.             a.click();
  374.             document.body.removeChild(a);
  375.             URL.revokeObjectURL(url);
  376.             console.log(`Gemini Mod Userscript: Download triggered for "${filename}".`);
  377.         } catch (error) {
  378.             console.error(`Gemini Mod Userscript: Failed to trigger download for "${filename}":`, error);
  379.             displayUserscriptMessage(`Failed to download: ${error.message}`);
  380.         }
  381.     }
  382.  
  383.     /**
  384.      * Handles the click of the global canvas download button.
  385.      * Finds the active canvas title, then its toolbar and copy button,
  386.      * then reads from clipboard and initiates download.
  387.      */
  388.     async function handleGlobalCanvasDownload() {
  389.         const titleTextElement = document.querySelector(GEMINI_CANVAS_TITLE_TEXT_SELECTOR);
  390.         if (!titleTextElement) {
  391.             console.warn("Gemini Mod Userscript: No active canvas title found. Selector:", GEMINI_CANVAS_TITLE_TEXT_SELECTOR);
  392.             displayUserscriptMessage("No active canvas found to download.");
  393.             return;
  394.         }
  395.         console.log("Gemini Mod Userscript: Found canvas title element:", titleTextElement);
  396.  
  397.         const toolbarElement = titleTextElement.closest('toolbar'); 
  398.         if (!toolbarElement) {
  399.             console.warn("Gemini Mod Userscript: Could not find parent toolbar for the title element. Searched for 'toolbar' tag from title.");
  400.             displayUserscriptMessage("Could not locate the toolbar for the active canvas.");
  401.             return;
  402.         }
  403.         console.log("Gemini Mod Userscript: Found toolbar element relative to title:", toolbarElement);
  404.  
  405.         const copyButton = toolbarElement.querySelector(GEMINI_COPY_BUTTON_IN_TOOLBAR_SELECTOR);
  406.         if (!copyButton) {
  407.             console.warn("Gemini Mod Userscript: 'Copy to Clipboard' button not found within the identified toolbar. Selector used on toolbar:", GEMINI_COPY_BUTTON_IN_TOOLBAR_SELECTOR);
  408.             displayUserscriptMessage("Could not find the 'Copy to Clipboard' button in the active canvas's toolbar.");
  409.             return;
  410.         }
  411.         console.log("Gemini Mod Userscript: Found 'Copy to Clipboard' button:", copyButton);
  412.         copyButton.click();
  413.         console.log("Gemini Mod Userscript: Programmatically clicked 'Copy to Clipboard' button.");
  414.  
  415.         setTimeout(async () => {
  416.             try {
  417.                 if (!navigator.clipboard || !navigator.clipboard.readText) {
  418.                     displayUserscriptMessage("Clipboard access not available.");
  419.                     return;
  420.                 }
  421.                 const clipboardContent = await navigator.clipboard.readText();
  422.                 console.log("Gemini Mod Userscript: Successfully read from clipboard.");
  423.                 if (!clipboardContent || clipboardContent.trim() === "") {
  424.                     displayUserscriptMessage("Clipboard empty after copy. Nothing to download.");
  425.                     return;
  426.                 }
  427.                 
  428.                 const canvasTitle = (titleTextElement.textContent || "Untitled Canvas").trim();
  429.                 const filename = determineFilename(canvasTitle); 
  430.                 triggerDownload(filename, clipboardContent);
  431.                 console.log("Gemini Mod Userscript: Global download initiated for canvas title:", canvasTitle, "using clipboard content. Filename:", filename);
  432.             } catch (err) {
  433.                 console.error('Gemini Mod Userscript: Error reading from clipboard:', err);
  434.                 displayUserscriptMessage(err.name === 'NotAllowedError' ? 'Clipboard permission denied.' : 'Failed to read clipboard.');
  435.             }
  436.         }, 300);
  437.     }
  438.  
  439.     /**
  440.      * Creates the snippet toolbar and adds it to the page.
  441.      */
  442.     function createToolbar() {
  443.         const toolbarId = 'gemini-snippet-toolbar-userscript';
  444.         if (document.getElementById(toolbarId)) {
  445.             console.log("Gemini Mod Userscript: Toolbar already exists.");
  446.             return;
  447.         }
  448.         console.log("Gemini Mod Userscript: Initializing toolbar...");
  449.         const toolbar = document.createElement('div');
  450.         toolbar.id = toolbarId;
  451.         buttonSnippets.forEach(snippet => {
  452.             const button = document.createElement('button');
  453.             button.textContent = snippet.label;
  454.             button.title = snippet.text;
  455.             button.addEventListener('click', () => insertSnippetText(snippet.text));
  456.             toolbar.appendChild(button);
  457.         });
  458.         dropdownConfigurations.forEach(config => {
  459.             if (config.options && config.options.length > 0) {
  460.                 const select = document.createElement('select');
  461.                 select.title = config.placeholder || "Select snippet";
  462.                 const defaultOption = document.createElement('option');
  463.                 defaultOption.textContent = config.placeholder || "Select...";
  464.                 defaultOption.value = "";
  465.                 defaultOption.disabled = true;
  466.                 defaultOption.selected = true;
  467.                 select.appendChild(defaultOption);
  468.                 config.options.forEach(snippet => {
  469.                     const option = document.createElement('option');
  470.                     option.textContent = snippet.label;
  471.                     option.value = snippet.text;
  472.                     select.appendChild(option);
  473.                 });
  474.                 select.addEventListener('change', (event) => {
  475.                     const selectedText = event.target.value;
  476.                     if (selectedText) {
  477.                         insertSnippetText(selectedText);
  478.                         event.target.selectedIndex = 0;
  479.                     }
  480.                 });
  481.                 toolbar.appendChild(select);
  482.             }
  483.         });
  484.         const spacer = document.createElement('div');
  485.         spacer.className = 'userscript-toolbar-spacer';
  486.         toolbar.appendChild(spacer);
  487.         const pasteButton = document.createElement('button');
  488.         pasteButton.textContent = PASTE_BUTTON_LABEL;
  489.         pasteButton.title = "Paste from Clipboard";
  490.         pasteButton.addEventListener('click', handlePasteButtonClick);
  491.         toolbar.appendChild(pasteButton);
  492.         const globalDownloadButton = document.createElement('button');
  493.         globalDownloadButton.textContent = DOWNLOAD_BUTTON_LABEL;
  494.         globalDownloadButton.title = "Download active canvas content (uses canvas's copy button)";
  495.         globalDownloadButton.addEventListener('click', handleGlobalCanvasDownload);
  496.         toolbar.appendChild(globalDownloadButton);
  497.         document.body.insertBefore(toolbar, document.body.firstChild);
  498.         console.log("Gemini Mod Userscript: Toolbar inserted.");
  499.     }
  500.  
  501.     /**
  502.      * Handles dark mode. For a userscript, this is mostly about adapting to the site's
  503.      * existing dark mode, if necessary for the toolbar.
  504.      */
  505.     function handleDarkModeForUserscript() {
  506.         console.log("Gemini Mod Userscript: Dark mode handling is passive (toolbar is dark by default).");
  507.     }
  508.  
  509.     // --- Initialization Logic ---
  510.     function init() {
  511.         console.log("Gemini Mod Userscript: Initializing...");
  512.         injectCustomCSS();
  513.         const M_INITIALIZATION_DELAY = 1500;
  514.         setTimeout(() => {
  515.             try {
  516.                 createToolbar();
  517.                 handleDarkModeForUserscript();
  518.                  console.log("Gemini Mod Userscript: Fully initialized.");
  519.             } catch(e) {
  520.                 console.error("Gemini Mod Userscript: Error during delayed initialization:", e);
  521.                 displayUserscriptMessage("Error initializing toolbar. See console.");
  522.             }
  523.         }, M_INITIALIZATION_DELAY);
  524.     }
  525.  
  526.     if (document.readyState === 'loading') {
  527.         window.addEventListener('DOMContentLoaded', init);
  528.     } else {
  529.         init();
  530.     }
  531.  
  532. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址