About

IE Buster About Image

IE Buster(アイイーバスター)は、IEユーザーにChromeを促す軽量なポップアップJS です。Web制作者みんなを救うために開発しました。 → 詳細

How To Use

CDN external-link

<script src="https://cdn.jsdelivr.net/npm/ie-buster@1.1.0/dist/ie-buster.min.js"></script>

HTML内にCDNのリンクを貼るだけで、ポップアップを表示できます。

npm external-link

$ npm i -D ie-buster

npm install も利用可能です。

WordPress external-link

IE Buster WordPress Plugin Image

WordPress公式プラグインディレクトリからインストール・有効化するだけ。 管理画面からの文言・リンク変更、多言語(英語)に対応。 → 開発用リポジトリ

IE Buster Hero Image

Options

ie-buster.js を読み込んだ後に、オプションを使ってテキストやリンクを差し替えられます。デフォルトでは以下の内容が設定されています。差し替える場合は、文言とリンク内容に齟齬がでないよう気をつけてください。

<script src="ie-buster.min.js"></script>
<script>
  ieBuster({
    mainText: "ご利用のインターネットブラウザは推奨環境ではありません。Webサイトの動作が保証できませんので、最新の Google Chrome をご利用ください。",
    linkText: "ダウンロードページへ",
    linkUrl: "https://www.google.com/chrome/"
  })
</script>

Quick Test

CodePen external-link

Support

ie Internet Explorer
IE 8 IE 9 IE 10 IE 11
IE Buster Grave Image

License & Credit

License: MIT dot Author: Qrac external-link dot Illustration: Mainoko external-link dot Organization: QRANOKO external-link

Donation

QRANOKO PayPal.Me Image

PayPal.Meで応援・サポート!

「クラのこ」は夫婦で運営しているWeb制作所です。PayPalビジネスアカウントを取得し、直接支援を受けられるようになりました。サポートいただけると励みになります! PayPal.Meとは? external-link