[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS

投稿日と更新日

開発者泣かせの問題児ブラウザ、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表示する方法(共存) | 某氏の猫空

 

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デザインの“現実的な”ワークフロー | ブログ | 株式会社イー・エージェンシー

レスポンシブWebデザインの“現実的な”ワークフロー

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

  1. attripのアバター
    attrip

    レスポンシブWebデザインの“現実的な”ワークフロー | ブログ | 株式会社イー・エージェンシー
    http://www.e-agency.co.jp/column/20121106.html

  2. attripのアバター
    attrip

    おおう…Web界隈の魑魅魍魎たちの眉毛に唾を叩きつける音が聞こえるようじゃ…。

  3. attripのアバター
    attrip

    “border-radiusや、box-shadow はできませんでした。” ならコレ http://css3pie.com/

  4. attripのアバター
    attrip

    それより、IEを使わせない方法をみんなで考えるんだ!

  5. attripのアバター
    attrip

    サポートなんてするから調子に乗って生き続けるんだ

  6. attripのアバター
    attrip

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

  7. attripのアバター
    attrip

    なるほどねー。
    まぁ。。IE8以前は、、はやくなくなってくれ!!!!

  8. 名無しのアルパカのアバター
    名無しのアルパカ

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

  9. attripのアバター
    attrip

    なんで?

  10. 名無しのアルパカのアバター
    名無しのアルパカ

    こういう記事マジでやめてほしい

  11. attripのアバター
    attrip

    CSS書き分けるのめんどいのでこれは助かる

  12. ザリガニのアバター
    ザリガニ

    条件分岐は許してちょ(_ _)

  13. 名無しのアルパカのアバター
    名無しのアルパカ

    4行じゃねーか!

ATTRIP Search

  1. ホーム
  2. javascript
  3. たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS