☰

Highlight External Links

Highlights external links on the current page so users can easily identify links that lead to other websites.

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu betiği yüklemek için bir betik yöneticisi eklentisi yüklemeniz gerekecektir.

(Zaten bir betik yöneticim var, hadi yükleyelim!)

Advertisement:

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

Advertisement:

 
// ==UserScript==
// @name         Highlight External Links
// @namespace    https://greasyfork.org/users/example
// @version      1.0.0
// @description  Highlights external links on the current page so users can easily identify links that lead to other websites.
// @author       YourName
// @match        http://*/*
// @match        https://*/*
// @license      MIT
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    /**
     * Get the current site's hostname
     */
    const currentHost = window.location.hostname;

    /**
     * Find all anchor elements with href
     */
    const links = document.querySelectorAll('a[href]');

    links.forEach(link => {
        try {
            const linkUrl = new URL(link.href, window.location.href);

            // Check if the link is external
            if (linkUrl.hostname && linkUrl.hostname !== currentHost) {
                highlightExternalLink(link);
            }
        } catch (error) {
            // Ignore invalid URLs
        }
    });

    /**
     * Apply styles to external links
     * @param {HTMLAnchorElement} link
     */
    function highlightExternalLink(link) {
        link.style.borderBottom = '2px dotted red';
        link.title = 'External link: ' + link.href;
    }
})();