Question

如果设备无法连接，这是我尝试从文件系统加载备份的页面

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/about.css"/>
</head>

<body>
    <ons-screen>
        <ons-navigator title = "About">
            <ons-page id="page" font-align="center">

            </ons-page>
        </ons-navigator>
    </ons-screen>
</body>
<script type="text/javascript">
    var page = document.getElementById("page");

        if(navigator.connection.type != Connection.NONE){
            page.innerHTML='<iframe src="http://www.website.com/about/" style="width:100%; height:100%;"></iframe>';
        }else{
            page.innerHTML='<iframe src="aboutBackup.html" style="width:100%; height:100%;"></iframe>';
        }
</script>
</html>

我使用github说明（https://github.com/apache/cordova-plugin-network-information/blob/master/doc/index.md）

安装了该插件

我无法弄清楚原因，但是我得到了Uncaught TypeError：无法读取属性＆＃39;键入＆＃39;在第22行未定义，我检查连接类型。

Answer 1

您需要在文件中添加cordova.js.

<script type="text/javascript" src="cordova.js"></script>

然后听设备就绪功能并拍摄GOAL

<script>
document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady()
{

    if(navigator.connection.type=='none')
    {
         alert("Wait I'm offline.");
    }
    else
    {
          page.innerHTML='<iframe src="aboutBackup.html" style="width:100%; height:100%;"></iframe>';
    }
}
</script>

触发设备就绪功能后，您必须执行任何操作。没有cordova.js cordova插件将无法正常工作。

Cordova网络信息插件：坏了吗？

1 个答案: