Beim laden einer Internetseite in Chrome automatisch Code ändern/ersetzen?

[crogge]

Ich suche ein Plugin was automatisch den HTML Code beim laden einer Internetseite überschreibt/ersetzt.

Beispiel:

href="phone:

Soll immer ersetzt werden durch:

href="tel:

Mit "Untersuchen -> Elements" funktioniert das ganze problemlos.

 

[DeusoftheWired]

Mit Firefox würde ich das ja mit GreaseMonkey machen. Keine Ahnung, ob es ein Chrome-Pendant dazu gibt.

 

[netzgestaltung]

Hm das ist doch das gleiche wie ein Adblocker vorgeht.
Ev könnte da eine zusätzliche Filterregel funktionieren.

Ansonsten gibts noch die UserChrome.js:
https://www.ghacks.net/2017/11/24/run-userchrome-js-scripts-in-firefox-57-or-newer/

 

[Yuuri]

Mit Firefox würde ich das ja mit GreaseMonkey machen.

Afair war mit GreaseMonkey in der Vergangenheit irgendwas... Empfohlen wird heute eher TamperMonkey.

Firefox, Chrome

 

[DeusoftheWired]

Afair war mit GreaseMonkey in der Vergangenheit irgendwas

Hm, gibt für beide Pro und Kontra, dazu noch ViolentMonkey, das ich bis eben auch nicht kannte: https://old.reddit.com/r/firefox/comments/hln33b/is_greasemonkey_tampermonkey_or_violentmonkey_the/

 

[apachy]

Ich nutze für sowas meist Custom JavaScript for Websites 2. Der Rest ist dann ja quasi ein Einzeiler in JavaScript.

 

[crogge]

Ich bedanke mich für die schnellen Antworten. Habe mir als Alternative zum GreaseMonkey auch noch den Tampermonkey angesehen.



(function() {
'use strict';

$(document).ready(() => {
const elements = $('a')
elements.each((_, e) => {
let href = e.getAttribute('href')
if (href && href.match(/^phone:/)) {
href = href.replace(/^phone:/, 'tel:')
e.setAttribute('href', href)
}
});
});
})();

 

[Yuuri]

Gleich JQuery als Dependency?

(function ()
{
    for (const link of document.querySelectorAll("a[href^='phone:']"))
    {
        link.setAttribute("href", link.getAttribute("href").replace(/^phone:/, "tel:"))
    }
})()