WebBrowser 控制項顯示記憶體中 HTML 內容完整方案

問題背景

WebBrowser 控制項 (MSHTML) 原生僅支援導航至 URL 或檔案路徑，無直接方法顯示記憶體中的 HTML 字串。本文提供繼承 CHtmlView 的解決方案：先載入空白 HTML 資源，再透過 IHTMLDocument2 介面注入 body.innerHTML。

實作步驟

1. 建立空白 HTML 資源

在資源檔 (.rc) 新增 HTML 資源 (IDR_EMPTY_HTML) 內容極簡：

<html><body></body></html>

2. 導航至資源內部空白頁

void CMemoryHtmlView::NavigateMemory()
{
    CString strApp = AfxGetAppName();
    CString strResID; strResID.Format(_T("%d"), IDR_EMPTY_HTML);
    // res://協定載入模組資源
    CString strPath = _T("res://") + strApp + _T(".exe/") + strResID;
    Navigate2(strPath);
    m_bMemoryMode = TRUE;
}

3. 文件載入完成後取得 IHTMLDocument2 並注入內容

void CMemoryHtmlView::OnDocumentComplete(LPCTSTR lpszURL)
{
    if (m_bMemoryMode)
    {
        LPDISPATCH pDisp = GetHtmlDocument();
        ASSERT(pDisp);
        HRESULT hr = pDisp->QueryInterface(IID_IHTMLDocument2, (void**)&m_pHtmlDoc2);
        if (SUCCEEDED(hr))
            ShowMemoryHtml(); // 實際注入
    }
    CHtmlView::OnDocumentComplete(lpszURL);
}

BOOL CMemoryHtmlView::ShowMemoryHtml()
{
    if (!m_pHtmlDoc2 || m_strHtmlContent.IsEmpty()) return FALSE;

    IHTMLElement* pBody = NULL;
    HRESULT hr = m_pHtmlDoc2->get_body(&pBody);
    if (SUCCEEDED(hr) && pBody)
    {
        _bstr_t bstrHtml(m_strHtmlContent);
        hr = pBody->put_innerHTML(bstrHtml);
        pBody->Release();
        return SUCCEEDED(hr);
    }
    return FALSE;
}

4. 對外介面：設定 HTML 字串並觸發顯示

BOOL CMemoryHtmlView::PutHtmlContent(LPCTSTR lpszHtml)
{
    m_strHtmlContent = lpszHtml;
    if (m_bMemoryMode && m_pHtmlDoc2)
        return ShowMemoryHtml(); // 已載入完成，直接注入
    else
        NavigateMemory(); // 尚未載入，先導航空白頁
    return TRUE;
}

關鍵技術點

• res:// 協定：res://模組名.exe/資源ID 載入內嵌資源。
• IHTMLDocument2::get_body 取得 <body> 元素介面。
• IHTMLElement::put_innerHTML 設定內部 HTML，支援完整標籤結構。
• 需在 OnDocumentComplete 回呼中查詢介面，確保文件物件模型 (DOM) 就緒。

優缺點與替代方案

1. 上一篇文章： VC 實戰：檔案綁定器 (File Binder) 實作教學
2. 下一篇文章： MFC 程式框架深度解析：從 SDK 訊息迴圈到 MFC 應用程式架構的演進

VC++

MFC 程式架構大剖析：文檔/視圖核心類別與關係圖解（三）

MFC 應用程式四大核心類別詳解 承接前文，我們已對比過 S

VC++ 實作 FTP 多執行緒斷點續傳：協議解析與檔案管理完整方案

前言 WinInet API 雖簡單但難支援多執行緒下載。本

VC 實作圖示資源擷取與儲存：打造專屬圖示提取工具

專屬圖示提取工具核心實作 想從其他應用程式提取精美圖示？本文

文件分割與合併工具核心算法實現：大文件多盤存儲解決方案

應用場景 大文件需跨多張軟盤/移動介質傳輸，或受限於單文件大