Yahooニュース記事タイトルをDuckDuckGoで検索

Yahooニュースの特定の画像をクリックすると記事タイトルをDuckDuckGoで検索(元のリンク無効化)

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да инсталирате разширение, като например Tampermonkey .

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name         Yahooニュース記事タイトルをDuckDuckGoで検索
// @namespace    https://github.com/Kdroidwin/Yahoo-DuckDuckGo-/
// @version      1.0
// @description  Yahooニュースの特定の画像をクリックすると記事タイトルをDuckDuckGoで検索(元のリンク無効化)
// @author       kdroidwin
// @license GPL-3.0 license
// @match        *://news.yahoo.co.jp/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let searchTab = null; // 既存の検索タブを管理

    // クリックを無効化し検索する対象の画像
    let imgSelectors = [
        'img[src*="s.yimg.jp/images/news/cobranding/"]',
        'img[src*="s.yimg.jp/images/news-cpm/logo/"]'
    ];

    function setupSearchFeature() {
        document.querySelectorAll(imgSelectors.join(', ')).forEach(img => {
            img.style.cursor = 'pointer'; // クリックできるように
            img.addEventListener('click', function(event) {
                event.preventDefault(); // 元のリンク遷移を防ぐ
                event.stopPropagation(); // 親要素のクリックイベントも防ぐ

                let title = document.title.replace(' - Yahoo!ニュース', '');
                let searchUrl = 'https://duckduckgo.com/?q=' + encodeURIComponent(title);

                if (searchTab && !searchTab.closed) {
                    // 既存の検索タブがあればURLを更新
                    searchTab.location.href = searchUrl;
                    searchTab.focus();
                } else {
                    // 新規タブを開く
                    searchTab = window.open(searchUrl, '_blank');
                }
            }, true); // キャプチャリングフェーズで実行
        });
    }

    // 初回実行
    setupSearchFeature();

    // 動的に追加された要素にも適用するための監視
    let observer = new MutationObserver(setupSearchFeature);
    observer.observe(document.body, { childList: true, subtree: true });
})();