☰

highlight_anchor_target

if url contains a target, the anchor in the site will be highlighted

// ==UserScript==
// @name           highlight_anchor_target
// @namespace      https://greasyfork.org/de/users/157797-lual
// @match          *://*/*
// @version        1.0
// @description	   if url contains a target, the anchor in the site will be highlighted
// @author         lual
// @grant          GM_addStyle
// @icon         data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="48" fill="%2378F48F" stroke="%231B6329" stroke-width="2" /> <text x="50" y="50" font-family="Arial, sans-serif" font-size="90" fill="%23000000" text-anchor="middle" dominant-baseline="central">%23</text></svg>
// ==/UserScript==
//
// Some URIs refer to a location within a document.
// This kind of URI ends with "#" followed by an anchor identifier (called the fragment identifier).
// This script will highligt the anchor in the document.
//
// For fundamentals and as an example for using this script - see...
//   http://www.w3.org/TR/html401/intro/intro.html#fragment-uri
//
//
// changes:        2011-03-17 initial
//                 2017-11-01 publish on greasyfork
//                 2022-11-10 convert deprecated @include to @match
//                 2024-10-16 improve @match
/////////////////////////////////////////////////////////////////////////////////////////////////////////
if (document.contentType === 'text/html') {
    // Proceed with the script only for HTML content (ignore XML, JSON, etc.)
    (function() {
        'use strict';
        GM_addStyle(`
      :target {
        color: black !important;
        background-color: #78F48F !important;
        border: 1px solid #27A53F !important;
        border-bottom: 1px solid #1B6329 !important;
        border-right: 1px solid #1B6329 !important;
        border-radius: 3px;
      }`);

    })();
}