test.html


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js "></script><!--////jquery-->
    //<script src="bridge.js"></script><!--////jsbridge-->
    <script src="rem.js"></script><!--//百分比布局-->

</head>

<body>

<button id="clickBut" class="button">判断androidIOS</button>
<button id="jsCallPhone" class="button">jsCallPhone</button>
</body>

<script type="text/javascript">

    $(document).ready(function () {


        $("#clickBut").click(function () {

            var u = navigator.userAgent;

            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

            alert('是否是Android：' + isAndroid);

            alert('是否是iOS：' + isiOS);

        });

        $("#jsCallPhone").click(function () {
            TestJavascriptBridge.jsCallPhone("你好 我是JAVASCRIPT")
        });
    });

    //手机调用js
    function phoneCallJs(str) {
        alert(str.toString());
       
    }
</script>
<style>
    .button {
        width: 100%;
        height: 1rem;
        font-size: .5rem;
    }

</style>

</html>