搜尋
首頁web前端html教學漸進增強和優雅降級有什麼區別
漸進增強和優雅降級有什麼區別Jun 28, 2017 pm 03:30 PM
優雅增強降級

之前在看一些css3效果demo的時候,發現有些寫css3屬性時,相容性的寫法順序不太一樣,例如transition屬性,有些把transition放在前面有些是放在後面,當然這也有可能包含了coder個人的習慣或是強迫性>"

#.transition{
 -webkit-transition: all .5s;
    -moz-transition: all .5s;
      -o-transition: 將;

.transition{        transition: all .5s;
    -o-transition: all .5s;   -moz-transition: all .5s; -webkit-transition: all .5s; }

有前綴的排列應該只是為了整齊(還是代表了對瀏覽器的喜好程度)?但transition放在前面還是後面卻引申了兩個概念:優雅降級和漸進增強。

優雅降級和漸進增強印像中是隨著css3流出來的概念。由於低階瀏覽器不支援css3,但css3的效果太優秀不忍放棄,所以在進階瀏覽中使用css3而低階瀏覽器只保證最基本的功能。咋一看兩個概念差不多,都是在關注不同瀏覽器下的不同體驗,關鍵的區別是他們所專注的內容,以及這種不同造成的工作流程的差異。

 

什麼是漸進增強(progressive enhancement)、優雅降級(graceful degradation)呢?

  漸進增強 progressive enhancement:針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。

  優雅降級 graceful degradation:一開始就建立完整的功能,然後再針對低版本瀏覽器進行相容。

  區別:優雅降級是從複雜的現狀開始,並試圖減少用戶體驗的供給,而漸進增強則是從一個非常基礎的,能夠起作用的版本開始,並不斷擴充,以適應未來環境的需要。降級(功能衰減)意味著往回看;而漸進增強則意味著朝前看,同時確保其根基處於安全地帶。

 

「優雅降級」觀點

「優雅降級」觀點認為應該針對那些最高級、最完善的瀏覽器來設計網站。而將那些被認為「過時」或有功能缺失的瀏覽器下的測試工作安排在開發週期的最後階段,並將測試對象限定為主流瀏覽器(如 IE、Mozilla 等)的前一個版本。

在這個設計範例下,舊版的瀏覽器被認為僅能提供「簡陋卻無妨 (poor, but passable)」 的瀏覽體驗。你可以做一些小的調整來適應某個特定的瀏覽器。但由於它們並非我們所關注的焦點,因此除了修復較大的錯誤之外,其它的差異將被直接忽略。

 

「漸進增強」觀點

「漸進增強」觀點則認為應著重於內容本身。

內容是我們建立網站的誘因。有的網站展示它,有的則收集它,有的尋求,有的操作,還有的網站甚至會包含以上的種種,但相同點是它們全都涉及到內容。這使得「漸進增強」成為更合理的設計範例。這也是為什麼它立即被 Yahoo! 所採納並用以構建其「分級式瀏覽器支援 (Graded Browser Support)」策略的原因所在。

以上是漸進增強和優雅降級有什麼區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何将iOS17降级到iOS16如何将iOS17降级到iOS16Jun 14, 2023 pm 10:39 PM

如何将iOS17降级到iOS16您可以使用Mac和Windows电脑切换到任何版本的iOS设备。您需要做的第一件事是使用Lightning电缆将iPhone或iPad连接到计算机,并且您已经迈出了将设备还原到iOS16的第一步。以下是将iOS17降级到iOS16的方法:在Mac上启动“查找”图标将设备置于恢复模式恢复您的设备在Mac(或在WindowsPC上启动iTunes)上启动Finder在Mac上启动Finder或启动iTunes(如果您使用的是WindowsPC)。这将作为门户,带回您渴

如何优雅地使用Go和context进行错误处理如何优雅地使用Go和context进行错误处理Jul 21, 2023 pm 11:37 PM

如何优雅地使用Go和context进行错误处理在Go编程中,错误处理是一项非常重要的任务。优雅地处理错误可以提高代码的可读性、可维护性和稳定性。而Go语言的context包则为我们提供了一种非常方便的方式来处理与错误相关的操作。本文将介绍如何优雅地使用Go和context进行错误处理,并提供相关的代码示例。引言Go语言的错误处理机制是通过返回错误值的方式来实

利用手机增强WiFi信号的妙招(科技技巧帮你提升网络连接速度)利用手机增强WiFi信号的妙招(科技技巧帮你提升网络连接速度)May 02, 2024 pm 12:01 PM

网络已成为人们生活中不可或缺的一部分,在现代社会中。我们常常遇到WiFi信号弱或不稳定的情况,然而,这给我们的网络体验带来了不便。提升上网速度和稳定性,本文将介绍一些利用手机来增强WiFi信号的妙招,帮助读者解决网络连接问题。调整手机位置以确保信号接收强度最大化、将手机放置在距离WiFi路由器尽可能近的位置。避免障碍物遮挡信号传输,优选开放空间。使用手机WiFi信号放大器这些应用程序可以增强手机接收和发送WiFi信号的能力,下载并安装手机WiFi信号放大器App,有效提升信号强度和稳定性。使用手

如何通过Webman增强网站的安全性如何通过Webman增强网站的安全性Aug 25, 2023 pm 02:39 PM

如何通过Webman增强网站的安全性在当今数字化时代,网站的安全性变得尤为重要。Webman是一种强大的工具,用于提高网站的安全性和保护用户的隐私。在本文中,我们将探讨如何使用Webman来增强网站的安全性,并提供一些代码示例。使用HTTPS协议使用HTTPS协议是保障网站安全的基本步骤。通过使用HTTPS,网站能够加密用户和服务器之间传输的数据,防止黑客窃

Laravel框架介绍:优雅的PHP开发新选择Laravel框架介绍:优雅的PHP开发新选择Aug 13, 2023 am 08:46 AM

Laravel框架介绍:优雅的PHP开发新选择引言:在过去的几年中,PHP开发领域一直在不断发展和壮大。而在众多PHP框架中,Laravel无疑是一款备受瞩目的框架之一。它以其清晰简洁的语法、全面的功能和卓越的性能而受到开发者的喜爱。本文将向你介绍Laravel框架的基本特点,并通过代码示例展示其灵活和优雅的开发风格。一、Laravel框架的特点1.优雅的代

Rust 增强 PHP:解决现有编程语言的瓶颈Rust 增强 PHP:解决现有编程语言的瓶颈Sep 15, 2023 am 10:18 AM

Rust增强PHP:解决现有编程语言的瓶颈,需要具体代码示例随着互联网行业的快速发展,Web开发已经成为当今最重要的开发领域之一。而作为最受欢迎的服务器端脚本语言之一,PHP在Web开发中扮演着重要的角色。然而,随着业务和用户需求的不断增长,传统的PHP开发也会面临诸多挑战和瓶颈。这时候,Rust可以作为一种强大的编程语言来增强PHP,帮

什么是Apple ARKit和增强现实AR应用程序什么是Apple ARKit和增强现实AR应用程序Jul 07, 2023 am 09:47 AM

苹果ARKit6ARKit6引入了4K视频捕获功能,可让您创建令人惊叹的AR体验高分辨率视频。无论您是专业的视频编辑、电影制作人还是社交媒体爱好者,此功能都非常适合无缝集成虚拟和现实世界的内容。通过扩展对HDR视频和高分辨率背景图像捕获的支持,您的创作将真正栩栩如生。位置锚点Apple继续通过LocationAnchors扩大AR体验的覆盖范围。在ARKit6中,蒙特利尔、悉尼、新加坡和东京等新城市加入了支持地点的行列。这意味着这些城市的用户现在可以享受特定位置的AR内容,进一步模糊了虚拟世界和

PHP8.1更新:增强的错误报告功能PHP8.1更新:增强的错误报告功能Jul 07, 2023 pm 07:39 PM

PHP8.1更新:增强的错误报告功能随着PHP8.1的发布,PHP开发者迎来了一系列新特性和改进,其中之一是增强的错误报告功能。这一更新为开发者提供了更详细的错误信息,有助于快速定位和解决代码中的问题。本文将介绍PHP8.1中增强的错误报告功能,并提供一些代码示例来说明该功能的用法。在过去的版本中,PHP的错误消息可能相对简洁并且难以理解,让开发者在调

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具