取代瀏覽器alert()與confirm()對話框
2021/12/19
過往的網站或是後台都是採用瀏覽器內建的 alert() 與 confirm() 對話框;隨著時代的演變,瀏覽器已經由微軟的 IE 最大市占率,已經被 Google Chrome 所取代; 行動裝置上網流量也已超越PC設備,全球市佔率最大行動裝置 Google Android 系統,也是內建 Chrome 瀏覽器,要適應不同的裝置,對話框也開始出現新的變化。
手機中使用 Chrome 瀏覽器,產生的 alert() 對話框如圖所示:
和過往的瀏覽器不同,多出了[防止這個網頁產生其他對話方塊] 這個選項,最上方出現一串英文網址,而非自訂的標題列;對一般使用者而言,不確定是否要勾選,或是不注意勾選到該選項。
現代的網站設計,取代瀏覽器內建的 alert() 與 confirm() 對話框漸漸成為趨勢,下面顯示取代後的呈現方式。
我們採用的是 sweetalert2 的套件,有興趣可至官網了解!
sweetalert2
RWD網站, 響應式網站, JavaScript, Alert
Apps.Tw 站長
“希望透過分享工作與生活上的一些事務也可以幫助各位。”