Zi 字媒體

本網站不支援 Internet Explorer 瀏覽器。或是更精確地說，我們並沒有特別排擠 IE，只是不保證在 IE 上能夠正常顯示，為什麼呢？因為我是 CMS 系統，版型都是客製化，而且版型會涉及到語法上，大多 IE 不支援新的語法，例如 HTML video、canvas、HTML5 … 等一些新語法，造成許多開發者很困擾，所以為什麼我才會要加入訊息的原因，後來找到一位日本人熱心寫 Code 「IE Buster」加入方法。 目次 1 如何使用 1.1 HTML Code 1.2 NPM 1.3 Vue.js 1.4 Netlify 1.5 WordPress Plugin 1.6 加入客製化文字 如何使用 HTML Code 把 code 加入在 ~ head> 或 body> 之前加入它。 NPM $ npm i -D ie-buster 其實可以用 npm install 指令 Vue.js npm 安裝後，App.vue 加入標記 import ‘ie-buster/dist/ie-buster.min.js’ Netlify 如果要把網站部署到 Netlify 上面，只需加入 HTML Code → 使用 Snippet 加入重新部署即可安裝 IE Buster。 WordPress Plugin 在外掛→安裝外掛，右上角搜尋輸入 WP IE Buster 下載並且安裝啟用。 在設定→WP IE Buster頁面裡，您可自行自訂文字、連結就可以了。 加入客製化文字 以上 HTML Code、Vue.js、Netlify 設好後，接下來就是要加入文字，但也可自行自訂文字、連結就可以了。 ieBuster({ mainText: “因應優化調整，本站不再支援 Internet Explorer 瀏覽器環境，為避免無法在本站正常瀏覽，強烈建議您使用最新的 Google Chrome 瀏覽器。“, linkText: “Go to download“, linkUrl: “https://www.google.com/chrome/” }) 加入 IE Buster 完後成，就會顯示通知用戶彈出式訊息了，這樣子減少了開發者困擾，微軟還表示「若繼續使用 Internet Explorer」並且可能很快就變得相容性、安全性會有問題，微軟似乎要用戶們最好早點停止使用 Internet Explorer 瀏覽器。