見出し画像

【jQuery】IEにのみjsを読み込みたい

いつも悩みの種Internet ExplorerことIE

IE非対応のプラグインなどを使用する時、やむを得ず他のブラウザへの移動を促すしかない

そういう時に使えるIEの時のみ読み込めるコードの備忘録
※IE11に対応です


コード


$(function(){
  const ua = navigator.userAgent;
  if(ua.indexOf('Trident') !== -1) {
    //IE 11のときの挙動をここに書く
  }
});


これで実装完了


おまけ
他のブラウザでの確認を促す文言を出したい

$(function(){
 const ua = navigator.userAgent;
 if(ua.indexOf('Trident') !== -1) {
  //IE 11のときの挙動
  //IE以外では表示される部分を非表示にする
  $('.hogehoge').css("display","none");
  //文言を表示する
  $('.fugafuga').html('<p class="ie">Internet Explorerのサポートは終了いたしました。<br>Chrome、Firefox、Safari、Microsoft Edge、その他ブラウザでご覧ください。</p>')
  }
});

この記事が気に入ったらサポートをしてみませんか?