加入通知用戶不再支援 IE 瀏覽器彈出式訊息 1

加入通知用戶不再支援 IE 瀏覽器彈出式訊息

本網站不支援 Internet Explorer 瀏覽器。或是更精確地說,我們並沒有特別排擠 IE,只是不保證在 IE 上能夠正常顯示,為什麼呢?因為我是 CMS 系統,版型都是客製化,而且版型會涉及到語法上,大多 IE 不支援新的語法,例如 HTML video、canvas、HTML5 … 等一些新語法,造成許多開發者很困擾,所以為什麼我才會要加入訊息的原因,後來找到一位日本人熱心寫 Code 「IE Buster」加入方法。

如何使用

HTML Code

把 code 加入在 <head> ~ </ head> 或 </ body> 之前加入它。

<script src=”https://cdn.jsdelivr.net/npm/[email protected]/dist/ie-buster.min.js”></script>

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。

加入通知用戶不再支援 IE 瀏覽器彈出式訊息 3

WordPress Plugin

外掛安裝外掛,右上角搜尋輸入 WP IE Buster 下載並且安裝啟用。

加入通知用戶不再支援 IE 瀏覽器彈出式訊息 4

設定WP IE Buster頁面裡,您可自行自訂文字、連結就可以了。

加入通知用戶不再支援 IE 瀏覽器彈出式訊息 5

加入客製化文字

以上 HTML Code、Vue.js、Netlify 設好後,接下來就是要加入文字,但也可自行自訂文字、連結就可以了。

<script src=”js/ie-buster.js”></script>
<script>
ieBuster({
mainText: “因應優化調整,本站不再支援 Internet Explorer 瀏覽器環境,為避免無法在本站正常瀏覽,強烈建議您使用最新的 Google Chrome 瀏覽器。“,
linkText: “Go to download“,
linkUrl: “https://www.google.com/chrome/
})
</script>

加入 IE Buster 完後成,就會顯示通知用戶彈出式訊息了,這樣子減少了開發者困擾,微軟還表示「若繼續使用 Internet Explorer」並且可能很快就變得相容性、安全性會有問題,微軟似乎要用戶們最好早點停止使用 Internet Explorer 瀏覽器。

加入通知用戶不再支援 IE 瀏覽器彈出式訊息 6

加入通知用戶不再支援 IE 瀏覽器彈出式訊息 7
最新情報をチェックしよう!
>最強の Multiple CDNs「mlytics」" width="1280" height="720" >

最強の Multiple CDNs「mlytics」


不同 CDN 的成本和性能各不相同,使用 mlytics Multiple CDNs 可以全面改善延遲和正常運行時間,也能完全控制 CDN 的配置,允許降低城市級網站性能。

mlytics 簡化了監控真實用戶,管理多個 CDN,自動化負載平衡以及為所有 CDN 建置 WAF DDoS 防禦。

對我們的 Multiple CDNs「mlytics」 服務有興趣嗎?想要更多了解的話,可以點擊下面【與我們聯繫】為您服務。

CTR IMG