首頁 web前端 Bootstrap教程 Web 開發里程碑時刻:Bootstrap 宣布放棄支援 IE

Web 開發里程碑時刻:Bootstrap 宣布放棄支援 IE

Apr 20, 2020 pm 05:56 PM
bootstrap ie

Bootstrap 近日正式官宣將在 5.0 版本中移除對 IE 瀏覽器的支持,創始人表示需要滿足 IE 用戶的開發者可以繼續使用 4.0 版本。

Bootstrap,可能是第一個宣布放棄支援 IE 的主流框架,這會是前端開發領域的里程碑事件嗎?

Bootstrap 5.0 將放棄支援 IE

流行開源前端框架 Bootstrap 近日官宣將放棄對 IE 瀏覽器的支援。

Bootstrap 最初由 Twitter 團隊編寫,原名 Twitter Blueprint,本意是製作一套可以保持一致性的工具和框架。在 Bootstrap 之前,開發介面需要使用不同的程式碼庫,這很容易導致不一致的問題,從而增加了維護的負擔。

據了解,全球有超過 20% 的網站使用 Bootstrap 框架,目前的穩定版本支援 Chrome、Firefox、IE、Opera 和 Safari 等主流瀏覽器。但該團隊已經正式宣布,預計將在今年稍後發布的 5.0 版本中正式移除對 IE 瀏覽器的支援。

Bootstrap 的創始人之一的 Mark Otto 在GitHub 上說,那些仍然需要滿足IE 用戶的開發者應該繼續運行Bootstrap 4,而不是升級到即將發布的v5 版本。

Web 開發里程碑時刻:Bootstrap 宣布放棄支援 IE

在討論移除IE 支援的這個issue 下,可以很清晰地看到emoji 分佈呈現了壓倒性的正向支持,而在下面的評論區中,也少有表示反對的言論(僅有的幾條還被人懟了)。

但Bootstrap 此舉同樣可能帶來一些副作用,作為一個流行的開源前端框架,它還是許多其他Web 開發工具、企業建站方案的基礎模組,一旦選擇升級,它們也將自動失去IE支持。

前端苦 IE 久矣有人認為,Bootstrap 宣布放棄 IE 支援是個里程碑式的事件。 Bootstrap 在網路站點中所佔的份額之大,注定了其一舉一動都將被業界看在眼裡,目前也並無主流同類型框架做出相似的決定。例如,jQuery 這個幾乎佔據 75% 網站的 JavaScript 函式庫目前仍支援 IE 9。

Bootstrap 打響了主流框架放棄 IE 支援的第一***,也許這開始預示著 Web 開發者們可以脫離 IE 的苦海了。數據顯示,IE 瀏覽器的***份額目前僅有1% 左右,但許多***、銀行網站仍舊只能相容於IE 瀏覽器,這對Web 開發帶來了巨大的困擾:一年IE 開發可以獲得三年工作經驗。

InfoQ 編譯的《Web 開發者的十大噩夢》一文中,就有提到對IE 6 的支援是惡夢般的體驗:

開發者花在IE6 程式碼上的時間可能是Chrome 或Firefox 的三倍或更多。更令人沮喪的是,網站在 IE6 中運行不會像在新瀏覽器中那樣流暢。有些效果不生效,有些 bug 會一直困擾你,更不用提那些安全問題了。這讓開發者的工作變得非常困難。如果說我有什麼建議,我會建議對那些想要支持 IE6 的項目收取雙倍甚至更高的費用,但即使是這樣,仍然不值得。

先前流行開源元件庫 Ant Dsign 發布 4.0 版本,筆者也與其核心作者交流了 IE 支援的難題:

v3 版本為了相容於舊版 IE,不得不做一些妥協。比方說 flex 版面不能用,我們就用 float 和 table 來搞;不能用 sticky,Table 為了實現固定列不得不額外再渲染一個 Table 達到固定列的效果。相容 IE 的困難在於很多行為是非預期的,往往程式碼沒有什麼問題,但是頁面渲染就是不正常。對於這種情況,就需要做不少的黑科技。比如說讓元件強制刷新、使用 IE only 的 css hack 等等。另外前面提到的許多 HTML 新特性在 IE 環境下無法使用,只能自行模擬導致嚴重的效能損耗。

除了開發者,來自用戶的吐槽同樣玩出了花,比如這張廣為流傳的諷刺漫畫:

Web 開發里程碑時刻:Bootstrap 宣布放棄支援 IE

故事的最後,微軟也看不下去IE 瀏覽器這個扶不起的親生兒子,轉而重新練起了新號-Edge。但這個新號同樣沒能讓微軟滿意,在先前的一次公開活動中,微軟工程師使用 Edge 卻多次出現瀏覽器崩潰情況,不得不在活動現場安裝 Chrome 以完成演示。

凡此種種,微軟最終也於 2018 年 12 月底決定,新 Edge 將採用 Chromium,瀏覽器***最終形成實質上的一統天下。

有人說,Chrome 一統天下迎合了 Web 開發走向標準化的強烈需求。也有人說,Chrome 成為網路的開門人,形成了實質的壟斷讓人擔憂。對此,各位前端同學又是如何看待呢?

推薦:bootstrap教學

#

以上是Web 開發里程碑時刻:Bootstrap 宣布放棄支援 IE的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱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.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

bootstrap垂直居中怎麼弄 bootstrap垂直居中怎麼弄 Apr 07, 2025 pm 03:21 PM

使用 Bootstrap 實現垂直居中:flexbox 法:使用 d-flex、justify-content-center 和 align-items-center 類,將元素置於 flexbox 容器內。 align-items-center 類法:對於不支持 flexbox 的瀏覽器,使用 align-items-center 類,前提是父元素具有已定義的高度。

bootstrap搜索欄怎麼獲取 bootstrap搜索欄怎麼獲取 Apr 07, 2025 pm 03:33 PM

如何使用 Bootstrap 獲取搜索欄的值:確定搜索欄的 ID 或名稱。使用 JavaScript 獲取 DOM 元素。獲取元素的值。執行所需的操作。

bootstrap怎麼插入圖片 bootstrap怎麼插入圖片 Apr 07, 2025 pm 03:30 PM

在 Bootstrap 中插入圖片有以下幾種方法:直接插入圖片,使用 HTML 的 img 標籤。使用 Bootstrap 圖像組件,可以提供響應式圖片和更多樣式。設置圖片大小,使用 img-fluid 類可以使圖片自適應。設置邊框,使用 img-bordered 類。設置圓角,使用 img-rounded 類。設置陰影,使用 shadow 類。調整圖片大小和位置,使用 CSS 樣式。使用背景圖片,使用 background-image CSS 屬性。

bootstrap按鈕怎麼用 bootstrap按鈕怎麼用 Apr 07, 2025 pm 03:09 PM

如何使用 Bootstrap 按鈕?引入 Bootstrap CSS創建按鈕元素並添加 Bootstrap 按鈕類添加按鈕文本

bootstrap怎麼寫分割線 bootstrap怎麼寫分割線 Apr 07, 2025 pm 03:12 PM

創建 Bootstrap 分割線有兩種方法:使用 標籤,可創建水平分割線。使用 CSS border 屬性,可創建自定義樣式的分割線。

bootstrap怎麼調整大小 bootstrap怎麼調整大小 Apr 07, 2025 pm 03:18 PM

要調整 Bootstrap 中元素大小,可以使用尺寸類,具體包括:調整寬度:.col-、.w-、.mw-調整高度:.h-、.min-h-、.max-h-

bootstrap怎麼設置框架 bootstrap怎麼設置框架 Apr 07, 2025 pm 03:27 PM

要設置 Bootstrap 框架,需要按照以下步驟:1. 通過 CDN 引用 Bootstrap 文件;2. 下載文件並將其託管在自己的服務器上;3. 在 HTML 中包含 Bootstrap 文件;4. 根據需要編譯 Sass/Less;5. 導入定製文件(可選)。設置完成後,即可使用 Bootstrap 的網格系統、組件和样式創建響應式網站和應用程序。

bootstrap怎麼看日期 bootstrap怎麼看日期 Apr 07, 2025 pm 03:03 PM

答案:可以使用 Bootstrap 的日期選擇器組件在頁面中查看日期。步驟:引入 Bootstrap 框架。在 HTML 中創建日期選擇器輸入框。 Bootstrap 將自動為選擇器添加樣式。使用 JavaScript 獲取選定的日期。

See all articles