如何在你的帮助中包括联机内容 (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅 最新文档 ]

你还可以根据用户的联机状态有条件地显示 iframe，以此使用联机帮助。在此示例中，toggleHelp 函数专用于根据用户的计算机处于联机还是脱机状态，有条件地显示或隐藏两个 div。此函数可以通过 Body 加载或单击按钮（用户点击“帮助”）加载到帮助页面中。

说明

步骤 1: 添加一个根据用户是否联机来而切换帮助的函数。

function toggleHelp() {
    var onlineDiv = document.getElementById("onlineHelp");
    var offlineDiv = document.getElementById("offlineHelp");
    var condition = ((navigator.onLine) ? 'online':'offline');
    if (condition=='online') {
        onlineDiv.style.display = "inline";
        offlineDiv.style.display = "none";
    }
    else if (condition=='offline') {
        onlineDiv.style.display = "none";
        offlineDiv.Style.display = "inline";
    }
}

步骤 2: 添加联机 div 和脱机 div 及 IFrame，从而在帮助页面中显示联机内容。

<div id="onlineHelp">
    <iframe src="ms-appx://LinkToOnlineHelpPage" frameborder="0" sandbox=""/> 
</div>

<div id="offlineHelp"> 
    It looks like you’re not connected to the Internet. 
    You need to connect in order to get help.
</div> 

相关主题

应用设置示例

应用帮助指南