在检查互联网可用性时，它会导航到 phonegap 中的默认浏览器（chrome）

Question

我正在尝试使用 phonegap 创建一个网络应用程序。我正在使用下面的代码，它运行良好。

   <script type="text/javascript" charset="utf-8">
            document.addEventListener("deviceready", onDeviceReady, false);

            function onDeviceReady() {

                window.location.href = 'https://abc.xyz/';
            }
   </script>

现在我还需要检查我的互联网连接，所以我使用了上面的代码和互联网连接代码，但是在进入应用程序内部时它会将我导航到我的默认浏览器（chrome）。任何人都可以帮助我解决问题。下面是代码

   <script>
        $(document).ready(function () {
            document.addEventListener("deviceready", onDeviceReady, false);
            document.addEventListener("online", onOnline, false);
            document.addEventListener("offline", onOffline, false);
            function onDeviceReady() {
             window.location.href = 'https://abc.xyz/';
                alert(" ready");
            }

            function onOnline() {
                alert("connected");
                window.location.href = 'https://abc.xyz/';
            }

            function onOffline() {
                debugger;
                console.log("lost connection");

                navigator.notification.alert(
                    'Please Check your internet connection.', // message
                    null, // callback
                    'Sample', // title
                    'OK' // buttonName
                );
            }
        });
    </script>

Answer 1

添加 inappbrowser Cordova 插件：

cordova-plugin-inappbrowser

cordova plugin add cordova-plugin-inappbrowser

function onDeviceReady() {
                //onDeviceReaddy

                window.open = cordova.InAppBrowser.open;
                window.open('https://abc.xyz/', '_blank', 'location=yes,enableviewportscale=yes');
                }

它在应用程序中加载https://abc.xyz/这个URL。