共用方式為

如何在說明中包含線上內容 (HTML)

  • 發行項

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App，請參閱 最新文件 ]

如果使用者在線上，您也可以有條件地顯示 iframe 來使用線上說明。在這個範例中，toggleHelp 函式設計用於有條件地顯示或隱藏兩個 div，取決於使用者的電腦是上線或離線。使用 Body 載入或 button click (使用者點選說明)，就可以將函式載入到說明頁面。

指示

步驟 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 和 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>

相關主題

應用程式設定範例

應用程式說明的指導方針