建站知識,蘇州網絡公司,蘇州網站設計,蘇州做網站的公司
簡單的網站建設
發布日期:2017-12-8 來源于:蘇州網站建設

檢測HTML5函數的一個技巧是檢測什么情況下無法運行,而非什么情況K正常運作。經常會在出錯的頁面上看到提示信息“此頁面僅在IE下可見,請升級瀏覽器”。顯然,大部分使用非IE瀏覽器的用戶認為他們的瀏覽器才趄“升級”的版本,也不想只是為了瀏覽一個站點而切換成IE。大部分人只是笑一笑,然后再也不會訪問那個網站了。

在IE擁有大部分瀏覽器市場占有率時,期望用戶切換成IE是可以理解的,但現今IE只是許多同樣優秀的瀏覽器中的一種,并且根據市場變化趨勢,過不了多久IE甚至很可能不再是最受歡迎的瀏覽器。

目前,最好的做法是列出想要提供的特性,并對網站進行降級處理。這樣,那些較弱的瀏覽器雖然無法使用許多網站功能,但至少可以訪問到一個有用的站點。此類操作被稱為優雅降級,屬于一種容錯機制。

優雅降級的理念源于系統在一個或多個組件錯誤時,應當仍能繼續運行。在Web開發中,這意味著即使在HTML5組件無法被瀏覽器完全支持時Web頁面仍能繼續運作。

<video>標簽是一個不錯的例此標簽需要瀏覽器同時支持視頻編解碼器以及<vide〇>標簽。只要無法被支持其中一個.視頻就無法播放。在這種情況下可以選擇以卜'方式

>忽略錯誤,什么都不顯示或顯示一條錯誤信息,即由瀏覽器決定。
>檢測到錯誤并提示用戶升級瀏覽器。
>檢測錯誤并執行回退措施。

最好的選擇是檢測錯誤并執行回退措施。各個瀏覽器和用戶都不相同,可以通過提供替代方案使問題更少。

切記這里并不是要找解決問題的最完美的方案。我們的目的是要讓選用HTML5瀏覽器的用戶覺得物有所值。使用另一種語言完全fi制網站并不是最好的方法,還會讓工作量成倍增加。

4.5使用CSS3媒體查詢檢測移動瀏覽器
CSS2引入了 media-dependent (媒體類)樣式表,開發者可以利用它們來為不同的媒體類型創建獨立樣式表。例如,你可以創建下列樣式表。

>all—所有媒體類型。
>aural——語音合成器。
>braille—盲文裝置。
>embossed——分頁盲文打印機。
>handheld——小型設備,通常為單色^
>print——紙張格式及“打印預覽”。
>projection-投影儀。
>screen-彩色電腦屏幕。
>tty^有固定字符網格的電傳打字設備。
>tv——A有低分辨率、色彩及聲音的電視設備。

可以使用media厲性將媒體類型添加至樣式表,從而定義樣式表的媒體類型。
<style media="screen_>
或者將其添加至外聯樣式表標簽。
<link media="screen" rel="stylesheef href="style.css*>

或者用@media標簽將樣式添加至己有樣式表中。

<style>

@media print {

// add styles here
}

</style>

CSS3擴充了媒體屬性,這樣用戶可以在各種條件下檢測用戶代理。瀏覽器在滿足條件的情況下可以輸出對應的樣式表。例如,以下代碼可以為小屏幕用戶輸出不同的樣式表。<link rel="stylesheet" media="screen and (max-width: I28px)"href=*small-screen.css">
可以通過以K媒體特性來檢測瀏覽器。
>屏幕或設備的寬度與高度。
>屏幕方向。

>屏幕或設備的縱橫比。
>顏色及顏色數景,單色或彩色以及顏色位深。
>分辨率。
>電視設備掃描進程。
>網格或位圖設備。

河北20选5好运二 网络投资理财平台是真的吗 下载黑龙江11选5电子走势图 四川快乐12玩法说明 北京快3形态一定牛 三分彩手机app 深圳风采2011018 内蒙古11选五5的诀窍 时时彩宝宝计划免费版 大盘股票有哪些 龙虎官网下载 北京快3开奖软件 河南22选5玩法说明 期货配资ˉ杨方配资平台 青海快3开奖软件 股票分析师考试 友钱网