たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS

スポンサードリンク

投稿日時：2012 年 11 月 30 日

カテゴリー：javascript

ライター：よーいちさん

開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。

とりま、 attripのデザイン崩れはこれで解決できました！

使い方は簡単！下記のコードを貼り付ければOK！

まじ仏。

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。

「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。

ちなみに、border-radiusや、box-shadow はできませんでした。

あと、IEでの見え方をチェックする方法はこちら↓↓

IE9環境でIE6/IE7/IE8/IE9表示する方法(共存） | 某氏の猫空

2012/12/4追記

重いという指摘あったので、比較動画作りました。

[動画で検証]たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJSが重すぎた！ | A!@attrip

2012/12/3追記

HTML5やborder-radius、box-shadowが使えるようになるJSライブラリーを教えてもらったので、追記事書きました。↓↓

IEをHTML5やCSS3に対応させるJSライブラリーまとめ | A!@attrip

参考サイト：

ie7-js – A JavaScript library to make MSIE behave like a standards-compliant browser. – Google Project Hosting

IE7/IE8.jsを使って、スタイルシートの標準化

IE用にcss3-mediaqueries.jsを実装させる – GEKKO CREATORS

レスポンシブWebデザインの“現実的な”ワークフロー | ブログ | 株式会社イー・エージェンシー

http://www.e-agency.co.jp/column/20121106.html

この記事を書いたよーいちにいいね！よろしく！

None Found

attripを購読をすると便利です。シェアやコメントくれると喜びます。

スポンサードリンク

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJSの記事にGoogle+でコメント

Facebookでコメントする。

javascriptカテゴリーの人気記事ランキング

javascriptカテゴリーの最新記事

この記事を書いたのはよーいちです！

スペース・コアバンド平和 | Heiwaのボーカルのよーいちです。

Tumblrやってます。
Google+

0
: 名前: 名無しのアルパカ :2012/4/20(木) 04:20:00
2
: 名前: zarizari :2012/11/30(金) 18:32:52

まじ仏
3
: 名前: takeaz :2012/11/30(金) 22:39:46

IEにGoogle神現る。
4
: 名前: kiku1monzi3622 :2012/11/30(金) 23:18:44

IEで透過PNGとMedia Queriesを使えるようにするJS
5
: 名前: shrimp17 :2012/11/30(金) 23:22:56

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
6
: 名前: n2s :2012/11/30(金) 23:42:21

IE9.jsとcss3-mediaqueries.js / ブログコメ、ブコメ両方で「クソ重い」との評判が…誰かuupaa先生の代わりにチューンしてくれる人はry
7
: 名前: sima-box :2012/12/1(土) 00:50:20

2行追加で古いieでもpng使える　　IE9.js　レスポンシブ対応css3-mediaqueries.js
8
: 名前: Journey :2012/12/1(土) 01:55:20

IE対策
9
: 名前: kaz_uki_1014 :2012/12/1(土) 03:07:09

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS おじいちゃんが書くブログが魂がこもってていい感じ WordPressで画像のリンク先を強制的に添付ファイル投稿URLに変… 今、FC2ブログがヤバイらしい・・・は、本当
10
: 名前: 名無しのアルパカ :2012/12/1(土) 03:12:58

4行じゃねーか！
11
: 名前: tomfuji :2012/12/1(土) 06:23:28

何か凄いかも？
12
: 名前: halohalolin :2012/12/1(土) 06:54:31

「IE9.js」は、IEを普通のモダンブラウザの挙動にするJS。IE5、IE6でも透過PNG。「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにする。
13
: 名前: yuuy0424 :2012/12/1(土) 07:48:28

あぁ…ありがとうgoogle様 / たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
14
: 名前: mifio :2012/12/1(土) 07:58:44

IE6はもう見捨てたけど8はしばらく必要なので今後のために。
15
: 名前: aki3824 :2012/12/1(土) 08:18:52

メモ
16
: 名前: nyanzou4649 :2012/12/1(土) 08:33:28

きになる
17
: 名前: yasainet :2012/12/1(土) 08:36:27

ie
18
: 名前: warriorking :2012/12/1(土) 09:00:45

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
19
: 名前: dai_air :2012/12/1(土) 09:03:07

見てれぅ：たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
20
: 名前: w7tree :2012/12/1(土) 09:37:18

ガタッ！
21
: 名前: asahikawsuzuki :2012/12/1(土) 09:49:10

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
22
: 名前: Nemisama :2012/12/1(土) 09:55:26

おぉ・△・
23
: 名前: jay926 :2012/12/1(土) 10:21:53

Google様の優しさは五臓六腑に沁みわたるでぇ…
24
: 名前: nikodemo :2012/12/1(土) 10:24:11

ごめん。涙で前が見えない。
25
: 名前: Honekawa :2012/12/1(土) 10:25:12

googleえらい
26
: 名前: honeniq :2012/12/1(土) 11:06:13

勤務先がIE6縛りで困ってるから試してみよう。
27
: 名前: jnmemo :2012/12/1(土) 11:20:51

?log=out
28
: 名前: stealthinu :2012/12/1(土) 11:25:32

古いIEをモダンブラウザなみにするためのjavascriptライブラリ。
29
: 名前: tmtms :2012/12/1(土) 11:36:47

メモ
30
: 名前: 名無しのアルパカ :2012/12/1(土) 11:52:01

条件分岐は許してちょ(_ _)
31
: 名前: shogo1224 :2012/12/1(土) 12:11:42

魔法
32
: 名前: fm811 :2012/12/1(土) 12:25:46

ほんとに？ねえほとに？？（；∇；）
33
: 名前: morita_y :2012/12/1(土) 12:46:01

ありがたやありがたや
34
: 名前: 名無しのアルパカ :2012/12/1(土) 12:47:48

CSS書き分けるのめんどいのでこれは助かる
35
: 名前: toshiyukino :2012/12/1(土) 12:58:06

試してないけどすごいなー
36
: 名前: albicetus :2012/12/1(土) 13:31:10

すげー時代になったものだ。
37
: 名前: matsukaz :2012/12/1(土) 13:53:12

なんて魔法・・・！！
38
: 名前: Chisei :2012/12/1(土) 13:56:25

IEは本当に開発者泣かせ。
39
: 名前: shields-pikes :2012/12/1(土) 14:33:55

絶賛されてるけど、本当なのかなー。レイアウトの崩れとかも？おまじないとか緊急の対応用として考えといた方がいいかな。後で中身見てみよう。
40
: 名前: yoiIT :2012/12/1(土) 15:05:04

それより、IEを使わせない方法をみんなで考えるんだ！
41
: 名前: misshiki :2012/12/1(土) 15:42:57

（引用）“「IE9.js」は、IEを普通のモダンブラウザの挙動にするJS”“「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS”
42
: 名前: jt_noSke :2012/12/1(土) 15:45:30

ふーむ
43
: 名前: nana_07 :2012/12/1(土) 15:45:41

なんということでしょう
44
: 名前: ykitade :2012/12/1(土) 15:48:50

ソースの"ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"を発見して「ウチのサイトにベータ版なんぞを使うとはけしからん！」って怒るお客さんがいそうでちょっと怖いんだけど
45
: 名前: ka-ka_xyz :2012/12/1(土) 16:48:32

このタイトルは無い。あと、"border-radiusや、box-shadow はできませんでした。"　ならコレ http://css3pie.com/
46
: 名前: asahikawasuzuki :2012/12/1(土) 16:50:16

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
47
: 名前: mushi_cake :2012/12/1(土) 16:54:10

これは試してみたい。
48
: 名前: dokodajp :2012/12/1(土) 17:01:05

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
49
: 名前: u4k :2012/12/1(土) 17:49:24

おおう…Web界隈の魑魅魍魎たちの眉毛に唾を叩きつける音が聞こえるようじゃ…。
50
: 名前: vespid :2012/12/1(土) 18:09:49

これ、本当なの？
51
: 名前: platism :2012/12/1(土) 18:13:56

将来の為にブクマしておこう・・
52
: 名前: nyam5201 :2012/12/1(土) 19:15:04

基本
53
: 名前: molehole :2012/12/1(土) 19:17:29

border-radius、text-shadow使えずモダンとは…？？？
54
: 名前: muchonov :2012/12/1(土) 19:25:04

ie7.jsの頃からあり問題も多い。最大の欠点はjsの実行完了まで表示が崩壊していること。IE6〜7を利用するPCの大半は低速なので致命的。互換性も100％ではなく、新たな「独自挙動ブラウザ」を生むだけの結果に。
55
: 名前: yoyogi :2012/12/1(土) 19:28:50

IE9.js は、IE を普通のモダンブラウザの挙動にする JS です。IE5、IE6 でも透過 PNG が使えるようになります。css3-mediaqueries.js は、IE で CSS3 Media Queries を使えるようにする JS。レスポンシブデザインのサイトを IE でも見れるようにします。
56
: 名前: utd_sn3781 :2012/12/1(土) 19:39:59

たった数行でブログを人気エントリーにする魔法記事
57
: 名前: potaufeu :2012/12/1(土) 20:19:10

via Instapaper: Unread http://www.instapaper.com/u
58
: 名前: 名無しのアルパカ :2012/12/1(土) 20:20:44

こういう記事マジでやめてほしい
59
: 名前: takehana_masaki :2012/12/1(土) 20:24:04

RT たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
60
: 名前: uzuki-first :2012/12/1(土) 20:39:14

ほー！
61
: 名前: olovt1f2 :2012/12/1(土) 21:25:24

開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。
62
: 名前: iww :2012/12/1(土) 21:31:13

外部ライブラリ読み込んでるだけじゃん
63
: 名前: 名無しのアルパカ :2012/12/1(土) 21:55:29

なんで？
64
: 名前: adsty :2012/12/1(土) 22:14:11

「IE9.js」と「css3-mediaqueries.js」を読み込ませる。
65
: 名前: amnesia4646 :2012/12/1(土) 22:29:38

いや、こんなjs配布するより古いブラウザだったら画面がクラッシュするようなjs配布すれば・・・ブラウザ最新にする風習がもう少し高まるだろうに。
66
: 名前: kirishima2813 :2012/12/1(土) 22:32:38

(-ω-;)ｳｰﾝ、IE6,7の「淘汰」を狙うか、他ブラウザ、とくにOperaの充実を図った方がユーザーは喜ぶのかも。(´・ω・｀)
67
: 名前: aoi_tomoyuki :2012/12/1(土) 22:53:47

サポートなんてするから調子に乗って生き続けるんだ
68
: 名前: gungle :2012/12/1(土) 23:11:13

これはスゴイ！
69
: 名前: naomusi :2012/12/1(土) 23:18:10

なにはともあれ開発者にはよかった
70
: 名前: masia02 :2012/12/1(土) 23:54:05

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS http://t.co/rqen5bnq @attripさんから
71
: 名前: sumithsonian :2012/12/1(土) 23:59:43

パフォーマンスはどうなんやろ？
72
: 名前: kana321 :2012/12/2(日) 01:46:10

「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。
73
: 名前: suzukibesu :2012/12/2(日) 01:49:30

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS
74
: 名前: 名無しのアルパカ :2012/12/2(日) 05:38:29

これ超絶重いスクリプトなので、ただでさえIE6なんかが入ってるような化石PCだとパフォーマンスで苦情来るし、結局中途半端な挙動で各種ハックや対応をまた強いられる。そういう問題があるのであえて使わないほうがいいという点まで含めて、Web屋の間では何を今更言ってんのってくらいの一般常識。
それをこういう上辺だけの知識ひけらかし記事で広めちゃって、「こういうのあるんでしょ使ってよ」って言ってくるアホを増やすからやめてほしい　ってことじゃないの。
75
: 名前: ext3 :2012/12/2(日) 08:20:51

知ってた
76
: 名前: lli :2012/12/2(日) 08:56:53

透過PNGをフィルター掛けた場合にフリンジが汚くなるバグは回避できてるのかな?
77
: 名前: flakwing :2012/12/2(日) 09:32:34

コメント欄参照「IE6なんかが入ってるような化石PCだとパフォーマンスで苦情来る」
78
: 名前: shinichiito :2012/12/2(日) 11:12:26

開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。
とりま、 attripのデザイン崩れはこれで解決できました！
使い方は簡単！下記のコードを貼り付ければOK！
まじ仏。

「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。
「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。

ちなみに、border-radiusや、box-shadow はできませんでした。
あと、IEでの見え方をチェックする方法はこちら↓↓
IE9環境でIE6/IE7/IE8/IE9表示する方法(共存） | 某氏の猫空

参考サイト：
ie7-js – A JavaScript library to make MSIE behave like a standards-compliant browser. – Google Project Hosting
IE7/IE8.jsを使って、スタイルシートの標準化
IE用にcss3-mediaqueries.jsを実装させる – GEKKO CREATORS
79
: 名前: takuno :2012/12/2(日) 11:23:52

こういう上辺だけの知識ひけらかし記事で広めちゃって、「こういうのあるんでしょ使ってよ」って言ってくるアホを増やすからやめてほしい
80
: 名前: shinchi777 :2012/12/2(日) 11:29:56

コーディング
81
: 名前: koh332002 :2012/12/2(日) 12:31:37

HTML5]
82
: 名前: shonanboy :2012/12/2(日) 14:01:36

これはやはり良いね。
83
: 名前: rfge :2012/12/2(日) 15:08:41

これか。
84
: 名前: jeffreyfrancesco :2012/12/2(日) 20:35:32

以前は使ってたけど実際にIE7でそのサイト見ると明らかに重いというのが分かって以降は使ってない…IE6-7のシェアは確実に下降してるし、そこまでしなくても単にCSS適用させないとかでもういいかなって思う
85
: 名前: t-w-o :2012/12/2(日) 23:36:56

デメリットはないのかな？
86
: 名前: uca_co :2012/12/3(月) 09:52:12

なにその全世界が待ち望んでいた的なチート…※未読
87
: 名前: 名無しのアルパカ :2012/12/3(月) 12:23:18

なるほどねー。
まぁ。。ＩＥ８以前は、、はやくなくなってくれ！！！！
88
: 名前: Leonk :2012/12/3(月) 12:26:12

web デザイン js IE
89
: 名前: mumincacao :2012/12/3(月) 13:43:15

あぁ・・・あの CSS せれくたとかですぐにちょー重たくなるらいぶらりなのですか・・・表示が遅いのをさーば側のせいにされていい迷惑だったのです（ーｘ【みかん
90
: 名前: JHashimoto :2012/12/4(火) 07:59:29

"「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。"
91
: 名前: affitec :2012/12/4(火) 10:25:03

RT @newswebc_j: たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
92
: 名前: 名無しのアルパカ :2012/12/4(火) 10:50:32

ie7.jsの頃からあり問題も多い。最大の欠点はjsの実行完了まで表示が崩壊していること。IE6〜7を利用するPCの大半は低速なので致命的。互換性も100％ではなく、新たな「独自挙動ブラウザ」を生むだけの結果に。
93
: 名前: 名無しのアルパカ :2012/12/4(火) 10:50:44

サポートなんてするから調子に乗って生き続けるんだ
94
: 名前: 名無しのアルパカ :2012/12/4(火) 10:50:53

それより、IEを使わせない方法をみんなで考えるんだ！
95
: 名前: 名無しのアルパカ :2012/12/4(火) 10:51:13

“border-radiusや、box-shadow はできませんでした。”　ならコレ http://css3pie.com/
96
: 名前: 名無しのアルパカ :2012/12/4(火) 10:51:23

おおう…Web界隈の魑魅魍魎たちの眉毛に唾を叩きつける音が聞こえるようじゃ…。
97
: 名前: premyth :2012/12/4(火) 20:24:09

軽いとは言ってない
98
: 名前: tsk_ogswr :2012/12/4(火) 21:18:19

★たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip
99
: 名前: reasonofreason :2012/12/4(火) 23:37:36

「開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。」
100
: 名前: yuta0121 :2012/12/5(水) 13:05:02

IEのモダンブラウザ対応
101
: 名前: 名無しのアルパカ :2012/12/10(月) 10:24:26

レスポンシブWebデザインの“現実的な”ワークフロー | ブログ | 株式会社イー・エージェンシー
http://www.e-agency.co.jp/column/20121106.html
102
: 名前: sskb :2012/12/11(火) 20:19:49

対旧IE。
103
: 名前: s5-style :2012/12/26(水) 19:20:04

「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるよう
104
: 名前: maquiiiii :2013/2/8(金) 12:16:19

<!–[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]–>
105
: 名前: yukkymarketing :2013/4/14(日) 09:49:16

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip http://t.co/JwmeiQ7H