从网站重定向到手机应用程序

Question

Someone asked me to create a script that redirect a mobile user directly to the phone app with a phonenumber inserted. Instead of viewing the webpage.

Somehow my script only works on a on-click event and not on the page load event.

I tried to open the phone app with window.open('tel:+612345678') and window.location.href = 'tel:+612345678'; But without succes my latest attempt is to create a link element dynamically and then call window.location.href=document.getElementById('redirectToPhoneElement').href; but also without succes.

(function(){
var tel = "tel:+612345678"; // hier telefoonnummer invullen zonder +

function detectmob() {
    if(navigator.userAgent.match(/Android/i)){
        var dRatio = window.devicePixelRatio;
        var width = screen.width * dRatio;
        var height = screen.height * dRatio;
        if(window.innerWidth > window.innerHeight){
         // check landscape max width
            if(height / dRatio <= 480){
                //document.writeln('ls mobile');
                GoToPhone();
            }
        } else {
            if(width / dRatio <= 480){
                //document.writeln('p mobile');
                GoToPhone();
            }
        // check potrait width
        }
    } else if(navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i))
    {
        GoToPhone();
    }
}

function GoToPhone(){
    var telLink = document.createElement("a");
    var telText = document.createTextNode("call");
    telLink.appendChild(telText);
    telLink.href=tel;
    telLink.id="redirectToPhoneElement";
    document.body.append(telLink);

    window.location.href=document.getElementById('redirectToPhoneElement').href;

}
detectmob();
})();

How can I make the redirect work automatically?

Greets

Answer 1

You can call function on window loaded with href="tel: 3281769362" , it also works on mobile phone

 function call() { document.getElementById("call").click(); } window.onload = call;

 <a id="call" href="tel:123-456-7890">Wait</a>