Tengo esta extensión muy simple de Google Chrome que manipula cualquier elemento de etiqueta de anclaje con valor callto. El problema es que funciona solo en la carga inicial de la extensión, pero una vez que actualicé la página, ya no funciona. Mire este video sobre el comportamiento del problema.

En mi Content.Js a continuación está mi código.

 function SoftPhone() { const links = document.querySelectorAll('[href^=callto]'); links.forEach(link => { link.getAttribute("href"); link.setAttribute("href", "https://app.callrail.com/lead-center"); link.textContent = "Call with SoftPhone"; }); } window.addEventListener('load', SoftPhone);

Aquí está mi archivo de manifiesto, muy básico.

 { "manifest_version" : 2, "name": "SoftPhone", "version": "1.0.0", "content_scripts" : [ { "matches": ["<all_urls>"], "js": ["Content.js"] } ] }

Lo estoy usando en Podio.com para su elemento de campo de teléfono estándar a continuación.

 <a href="callto:3213211234" data-reactid=".b.0.2.$0.$callto.0"> <span class="phone-field-component__icon phone-field-component__icon-phone" data-reactid=".b.0.2.$0.$callto.0.0"></span> <span data-reactid=".b.0.2.$0.$callto.0.1">Call</span> </a>

Para probarlo, puede iniciar sesión con la cuenta gratuita que configuré a continuación en Podio.com

Nombre de usuario: marlontc18@gmail.com Contraseña: Marlz2022!

Luego acceda a este elemento: https://podio.com/marlz/project-management/apps/contacts-2/items/1

y busque el campo Número de teléfono