[H5] 讓 WebBrowser Control 直接相容 HTML5 網頁

讓 WebBrowser Control 直接相容 HTML5 網頁

利用 Google 搜尋 WebBrowser Control HTML5

https://www.google.com.tw/#q=WebBrowser+Control+HTML5

可以找出很多文章,關於強制讓 WebBrowser Control 以 HTML5 模擬環境執行的案例,例如這篇:

[C#]設定WebBrowser Control運行的User Agent版本

但是從網站開發者的角度來看,其實只要正確在 HTML 內標記後,就可以讓 WebBowser Control 支援 HTML5。

所以這篇是從 Server 端的角度來看,如果你是 Client 開發者,Server 端不是你能控制的,可以不要看這篇,看看上面引用的連結。

這個做法很簡單,就是在 head 區內加入 Meta 標籤,強制指定 IE 版本。

WebBrowser Control 核心就是 Internet Explorer 桌面版本的引擎,因此對於 IE 有效的標籤,對於 WebBrowser Control 也有效。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
...
</head>
...
</html>

若是網頁開發者,不妨直接從 Server 端解決這個問題,避免 Client 端要改寫程式碼,用此方法對 IE / WebBrowser 都有效,也不會影響 Chrome 或是行動裝置,是你好、我好、大家好的解決方案。

當然, IE8 以前本身就不支援 HTML5 就不用試了。

微軟的 Internet Explorer Developer 關於相容說明:https://msdn.microsoft.com/zh-tw/library/jj676915.aspx

Categories: 工作點滴, 技術分享 | Tags: , , , | 發表留言

文章導覽

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

在 WordPress.com 建立免費網站或網誌.

%d 位部落客按了讚: