About

IE Buster About Image

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 公式プラグインディレクトリからインストール・有効化するだけで、 ポップアップを表示できます。 → 開発用リポジトリ

※WordPress Plugin 版には、まだカスタマイズ用のオプションが実装されていません

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

Change View Open on CrossBrowserTesting から IE 表示をテストできます。

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