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 版本。
在討論移除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 環境下無法使用,只能自行模擬導致嚴重的效能損耗。
除了開發者,來自用戶的吐槽同樣玩出了花,比如這張廣為流傳的諷刺漫畫:
故事的最後,微軟也看不下去IE 瀏覽器這個扶不起的親生兒子,轉而重新練起了新號-Edge。但這個新號同樣沒能讓微軟滿意,在先前的一次公開活動中,微軟工程師使用 Edge 卻多次出現瀏覽器崩潰情況,不得不在活動現場安裝 Chrome 以完成演示。
凡此種種,微軟最終也於 2018 年 12 月底決定,新 Edge 將採用 Chromium,瀏覽器***最終形成實質上的一統天下。
有人說,Chrome 一統天下迎合了 Web 開發走向標準化的強烈需求。也有人說,Chrome 成為網路的開門人,形成了實質的壟斷讓人擔憂。對此,各位前端同學又是如何看待呢?
推薦:bootstrap教學
#以上是Web 開發里程碑時刻:Bootstrap 宣布放棄支援 IE的詳細內容。更多資訊請關注PHP中文網其他相關文章!

在React項目中整合Bootstrap可以通過兩種方法:1)使用CDN引入,適合小型項目或快速原型設計;2)使用npm包管理器安裝,適用於需要深度定制的場景。通過這些方法,你可以在React中快速構建美觀且響應式的用戶界面。

將Bootstrap集成到React項目中的優勢包括:1)快速開發,2)一致性和可維護性,3)響應式設計。通過直接引入CSS文件或使用React-Bootstrap庫,可以在React項目中高效使用Bootstrap的組件和样式。

Bootstrap是由Twitter開發的框架,幫助快速搭建響應式、移動優先的網站和應用。 1.易用性和豐富組件庫使開發更快。 2.龐大社區提供支持和解決方案。 3.通過CDN引入並使用類名控製樣式,如創建響應式網格。 4.可自定義樣式和擴展組件。 5.優點包括快速開發和響應式設計,缺點是樣式一致性和學習曲線。

Bootstrapisafree,開放式frameworkthatsimplifiesRessiveandMobile-firstwebsitedEvelvelopment.itofferspre-styledComponentsAndAgridSystem,流化inthiningthecreationofaesthethetshethetshetshetshetshetshetshetshetshetshethetshethet interpleaseansing和Runctinctionalwebdesigns。

Bootstrap讓網頁設計更容易的原因是其預設組件、響應式設計和豐富的社區支持。 1)預設組件庫和样式讓開發者無需編寫複雜的CSS代碼;2)內置網格系統簡化了響應式佈局的創建;3)社區支持提供了豐富的資源和解決方案。

Bootstrap加速了Web開發,通過提供預定義的樣式和組件,開發者可以快速搭建響應式網站。 1)它縮短了開發時間,例如在項目中幾天內完成基本佈局。 2)通過Sass變量和mixins,Bootstrap允許定製樣式以滿足特定需求。 3)使用CDN版本可以優化性能,提高加載速度。

Bootstrap是一個開源的前端框架,主要作用是幫助開發者快速構建響應式網站。 1)它提供了預定義的CSS類和JavaScript插件,方便實現複雜的UI效果。 2)Bootstrap的工作原理依賴於其CSS和JavaScript組件,通過媒體查詢實現響應式設計。 3)使用示例包括基本用法,如創建按鈕,以及高級用法,如自定義樣式。 4)常見錯誤包括類名拼寫錯誤和未正確引入文件,建議使用瀏覽器開發者工具調試。 5)性能優化可通過自定義構建工具實現,最佳實踐包括使用語義化HTML和Bootstrap的預定義

Bootstrap通過網格系統和媒體查詢實現響應式設計,使網站適應不同設備。 1.使用預定義類(如col-sm-6)定義列寬。 2.網格系統基於12列,需注意總和不超12。3.使用斷點(如sm、md、lg)定義不同屏幕尺寸下的佈局。


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

禪工作室 13.0.1
強大的PHP整合開發環境

記事本++7.3.1
好用且免費的程式碼編輯器

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

WebStorm Mac版
好用的JavaScript開發工具

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),