使用している Web ブラウザが IE (Internet Explorer) かどうか判別する | まくまくJavaScriptノート
JavaScript で IE かどうかを判別する IE 判別関数 (isIe) navigator.userAgent プロパティを参照して、ブラウザのユーザーエージェントを調べることで、使用しているブラウザが IE (Internet Explorer) であるかを判別することができます。 IE の場合、ユーザーエージェント名は MSIE あるいは Trident/ で始まります。 // 使用中のブラウザが IE であるかどうかを判別します。 function isIe() { var ua = navigator.userAgent; return ua.indexOf('MSIE ') > -1 || ua.indexOf('Trident/') > -1; } ただし、navigator.userAgent プロパティの値はブラウザの設定により書き換えられる可能性があることに注意
IEでドキュメントモードの既定値を変更する方法
IEでドキュメントモードの既定値を変更する方法を紹介します。 １．問題点 会社のあるシステムを使っていると、IEで次のようにレイアウトが崩れてしまいました。 具体的には「承認者」の下にあるボタンがテーブルの中に入り込んでしまっています。 原因はブラウザのドキュメントモードらしいので、F12を押下して、開発者モードを表示。 （クリックで拡大） ドキュメントモードの「7」が既定値になっているので、最新の「Edge」を選択。 これでレイアウト崩れが解消しました。 が、このページを正常に表示させるには毎回この操作を行わなければならないのですが、常に「Edge」を既定値にする方法はないでしょうか。 ということで、ドキュメントモードの既定値を変更する方法を紹介します。 ２．ドキュメントモードの既定値を変更する ドキュメントモードの既定値を変更するには、「ツール」→「互換表示設定」をクリック。 「イント
CSSメディアクエリーで Internet Explorer 10/11 を指定する (CSS Tips)
CSSのメディアクエリーで、Internet Explorer 10, Internet Explorer 11 の場合を指定するコードを紹介します。 概要 CSSで Internet Explorer 10, Internet Explorer 11 の場合に限り、スタイルを変更したい場合があります。ユーザーエージェントを判定してプログラムで出し分けすることもできますが、メディアクエリーを利用することで、CSSの記述のみで Internet Explorer 10, Internet Explorer 11 でのスタイルを指定できます。 書式 @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { ...(IEで適用する スタイル) }
【lightbox2】IE11 でポップアップを開くとページ上部が表示される問題【jQurey】 - Qiita
最新バージョンの litebox 2.11.1 を利用してライトボックスを実装しました。 IE11 だけポップアップを開くと、画像の位置ではなくページ上部が表示されるバグ？があります。 バージョンを 2.10.0 に落としたところ、IE11 でも正常に動きました。 試してはいませんが、2.11.0 でも正常に動作するかもしれません。 製作者が IE11 には対応しない方針なのか、それともバグなのかわかりません。 バグの可能性があるなら、お強い方は Issue をどうぞです。 追記 Issues を見ると指摘あるので、そのうち修正版がでるかもしれません。 Disable Scrolling scrolls to top when image is clicked. #620 追記 2.10.0 の lightbox.css の html.lb-disable-scrolling には pos
［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019
［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019 マイクロソフトは米シアトルで開催中のイベント「Microsoft Build 2019」で、次期Microsoft Edgeの企業向け新機能としてInternet Explorer 11と同じ機能をMicrosoft Edge内で提供する「Internet Explorer mode」の搭載を発表しました。 マイクロソフトは昨年12月に、WebブラウザであるMicrosoft Edgeのレンダリングエンジンをそれまで自社開発していたものからオープンソースで開発されているChromiumをベースにしたものへ切り替えると発表していました。 今回の発表は、その次期Microsoft Edgeの新機能の1つとして明らかにされ
IE11のバグまとめ - Qiita
バージョンごとに進化するIEのバグ 備忘録も兼ねて記事にまとめました。 バグについての解決策と補足も併せて記載してますが、 記事に記載されていない遭遇率高めのバグやより良い解決策などがあれば、是非フィードバックをお願いします。 まとめてみた所感としては、IE6の頃から根本的な部分は変わってない気がします。 （ただし、パフォーマンスが大幅にアップしたのは認める。） IE11はWindows10の場合、2025年までサポートが続きます。 https://support.microsoft.com/ja-jp/lifecycle/search/18165 ﾅﾝﾃ／(^o^)＼＼(^o^)／／(^o^)＼＼(^o^)／／(^o^)＼ｺｯﾀｲ もうね...アボカドまるごとバナナかと。 ちなみに今年の4月でVistaがサポート終了するので、1ヶ月後にはIE9を窓から放り投げてOKです。 https:/
IE11でflexboxの縦幅がおかしい時はflexプロパティの書き方が原因かもしれない
公開2015.08.07 更新2017.12.03 仕事・技術 Windows10が発売されて新ブラウザのEdgeが使えるようになっても、まだまだInternetExplorerの呪縛からは逃れられません；； 今回はフロートを使ったレイアウトではなく今後主流になってくる「フレキシブルボックス」でのレイアウトで発生した問題です。 以下のようなコードがあるとします。 <div id="flexParent"> <header>ヘッダー</header> <main> <div class="flexChild left">左</div> <div class="flexChild right">右</div> </main> <footer>フッター</footer> </div> よくあるカタチで、縦並びにヘッダー、メインコンテンツ（左右に２カラムあるとします）、フッターがあります。 これら
flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
CSSでスタイルをIEのみ・Firefoxのみ・Chromeのみ・Safariのみに適用する方法
各ブラウザのみにスタイルを適用する方法をご紹介いたします。 IEのみ表示が崩れるとか、Firefoxのみ違うサイズにしたい、といった場合に使えるCSSハックです。
CSSをIEとMicrosoft Edgeにだけ適用させる5つの方法、CSS記述方法やHTML条件分岐など | あすたまいず
CSSをIEとMicrosoft Edgeにだけ適用させる5つの方法、CSS記述方法やHTML条件分岐など IEと、Microsoft Edgeだけ形が崩れてしまったりする場合の対処法-CSS編IEはホームページを制作する側からすると迷惑以外なにものでもない。とはいえ、無視し続けるわけにもいかないので、しぶしぶ対応するしかない。 IEに対してちゃんと動いたり表示されたりするようにする事をIEハックと言ったりするが、今回はCSSでIEハックする方法を5つ紹介。 JavaScriptを使ってIEハックする方法もあるが、今回はより簡単なCSSの方法を紹介。 1. CSSファイルの記述でIEハックする方法例えば、リスト表示のされかたの違いを例に。 ul li { margin-bottom: 5px; /* Chrome、FireFox等 */ margin-bottom: 10px\9; /*
CSS Gridで実装する際にはこの点に注意、IE11以下・Edge15以下をサポートするフォールバックのテクニック
CSS Gridは非常に便利ですが、唯一の欠点はIE11以下・Edge15以下のユーザーをサポートする必要がある場合に期待通りに機能しないことです。 CSS Gridでページのレイアウト・グリッド・コンポーネントを実装する際に、IE11以下・Edge15以下をサポートするフォールバックのテクニックを紹介します。 Grid to Flex Grid to Flex -GitHub CSS Gridがレイアウトで優れている点は、水平方向と垂直方向の両方を制御して、レイアウトができるという点です。 Flexboxでは両方を制御することはできないため、その点に注意します。 CSS Grid, Flexboxについて学びたい時は、下記の記事がオススメです。 5分で完璧に分かる！CSS Gridの基本的な使い方を解説 CSS Gridの実装で必要な基礎知識、主要なプロパティと用語をくわしく解説 CSS
CSS Grid Layoutをガッツリ使った所感 - Qiita
この記事は、加筆して「CSS Grid Layoutをガッツリ使った所感 - ICS MEDIA」に引っ越しました。 引越し先の記事では CSS Grid Layoutを使ってよかったこと 逆に苦労したこと、解決できなかったこと IE 11対応には工夫が必要 Autoprefixerの最新版を使えば、IE 11向けのコードに変換してくれる という内容をまとめています。 ※Google検索で辿り着いた方がリンク切れだと申し訳ないので、投稿は残しておきます。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat yo
游を font-family で指定した時に IE で生じる謎余白対策 | Thought is free
IE で游ゴシック・游明朝を指定した時に IE で生じる謎の余白 いまだに、IE 11 のシェアが多いので、 この手のバグへの対策は、メンドー臭い。 IE の場合、「メイリオ」以外だと、line-height が効かなくなるバグもある。 単純な話、IE では、font-family の先頭で「メイリオ」フォントを指定しないとダメですね。 （同じ Microsoft でも Edge なら、メイリオ以外でも問題ない） 参考サイト 最近は、Windows と Mac で同じフォントにするため、「游ゴシック」を指定してるサイトもあるが、その場合は、IE だけメイリオにする CSS ハックした方がいいと思う。 例えば、font-family を ↓ このように指定してるなら、 body { font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro
WebPとLazyLoadを使って表示速度を向上させる 東京新宿のホームページ制作会社イッティ
売り上げ・アクセス数を伸ばしたい 月々の管理費を抑えたい リニューアルで失敗したくない 提案やサポートしてほしい ホームページに関することは お気軽にご相談ください
CSS Grid Layout はIE/Edgeで何とかなるのか？という声が多い件 - 40代からのフロントエンドエンジニアリング。
一昨日書いた CSS Talk vol.3 において、私のセッション後の質疑応答やアンケートの意見で「IEだとしんどいのか」「IEって結局非対応？」という声が非常に多かったです。 IEのシェアは世界規模だと1割を切っている所まで低下していますが日本だとまだまだ多く(3月現在で約24％・StatCounter調べ)、Webサイト制作やアプリ開発などで気にされる方もまだまだ多いようです。 ということで、IE/Edgeでの対応について改めて調べ直しました。 ……先に結論。 相当しんどい。 Microsoftのサイトの「グリッドレイアウト」を見るとIE10からの対応となっているのですが、ベンダープレフィックスをつけるだけでなくプロパティ名が違うものも幾つかあったり。 以下にIE/Edge対応のための書き換えの一部を記載します。 親要素 display:grid → display: -ms-gri
WindowsとIEの各バージョンで動作確認をしたければこれが役立ちそう Microsoftが検証用の仮想マシンを無料配布しています
用意されているWindows環境 用意されている、WindowsおよびInternet Explorer環境の組み合わせは下記の通り。 律儀にXPも用意されているんですね。 既にWin10も存在してます。 IE11 on Win10 IE11 on Win7 IE11 on Win8.1 IE10 on Win8 IE10 on Win7 IE9 on Win7 IE8 on XP IE7 on Vista IE6 on XP ダウンロードしてみる まずは「１ Select Virtual Machine」でWindowsとIEのバージョンを選択。 次に「２ Select Platform」で仮想マシンを動かすプラットフォームを選択します。 最後に「３ Download your Virtual Machine」から、zipファイルをダウンロードしましょう。 それぞれのファイルはクリックし
セレクトボックス内の要素を非表示にしたい
<select> <option>test1</option> <option>test2</option> </select> のtest1を非表示にしたいのですが、javascript 、jqueryで可能でしょうか？ firefoxでは、cssのdisplay:noneで非表示になりますが、IEでは実現できませんでした。
PHPでダウンロードさせるファイル名がIEで文字化けする件 - Qiita
問題はどんな言語で書いても起こることですが、たまたま仕事でPHPつかってたときにぶつかったのでメモしておきます。 結論 HTTPのレスポンスヘッダで Content-Disposition: attachment; filename*=UTF-8''URLエンコードされたファイル名を送ってあげる。 追記 2017/11/02: Edgeでも通用するようです。https://github.com/netcommons/NetCommons2/issues/126 ファイル名が化ける PHPでファイルアップローダをつくっていました。 動作確認はUbuntu 14.04のFirefox30をつかっていましたが、社内ではIE11がデフォ。「一応やっとくか」とIE11で動かしたら、日本語のファイル名が見事に化けました。 またお前か、IE！チキショー Slim Frameworkをつかっているので、こ
【HTML】IE用の条件分岐コメント at softelメモ
条件分岐コメントを使うと、通常のブラウザにとってはただのHTMLのコメントだけど、Internet Exploerだけに、都合よくその部分を有効なHTMLとして認識させることができる。 以前はよく使われていましたが、 Internet Explorer 10 の標準モードと Quirks モードでは、条件付きコメントのサポートが削除されました。 http://msdn.microsoft.com/ja-jp/library/ie/hh801214%28v=vs.85%29.aspx なので、IE8、IE9に対して何らかの対策をしたいときや、いまだにIE6、IE7を考慮しなくてはならない場合など、今後は限定された状況で使われることになると思います。 以下、それでも使うとしたら、の場合。 IEすべてに <!--[if IE]>あなたはIEですね！でもIE10ではないですね！<![endif]-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ES6-Promiseってどう読み込めばいい？polyfillの使い方