Navigator vibrate break the code on ios browsers

Question

I want to use navigator.vibrate on my page.

This is my code:

    var canVibrate = "vibrate" in navigator || "mozVibrate" in navigator;
    if (canVibrate && !("vibrate" in navigator))
    {
        navigator.vibrate = navigator.mozVibrate;
    }

    $(document).on('click', '.answer', function (eve) {
        $this = $(this);

        navigator.vibrate(222);

        // some other code ...

This works on Android devices but on iOS (I tested on Firfox, Chrome and Safari on some iOS devices) the code will be broken at this line.

Why is that?

Answer 1

Apple's mobile web browser simply does not have support for it.

Firefox and Chrome for iOS are wrappers around Safari's rendering engine.