読者です 読者をやめる 読者になる 読者になる

pixyzehn blog

iPhone App, Mac App, Programming, Web service, Tool, Evernote, etc

MacでIEがデバッグできるSauceが使えそう

Tool

webサイトの制作や修正でIEでのデバッグは避けては通れないものだと思います。


f:id:inagex:20131127150915p:plain




毎回IEで確認し、しかもバージョンもたくさん…うわああああ


みたいなときにこのSauceは便利です。


しかも無料です。

こちらからダウンロードできます。
Sauce App

価格: 無料

https://saucelabs.com/mac


ではさっそくこの理系大学生のwebメモをIEでみてみましょう。


使い方


まず左上のNewを押します。

f:id:inagex:20131127151405p:plain


そうすると変えたいブラウザとバージョンが一覧で表示されます。


f:id:inagex:20131127151452p:plain


Windows XPにて

  • IE6
  • IE7
  • IE8

Windows 7にて

  • IE9

Windows 8にて

  • IE10

がデバッグできます。

今回はWindows XPのIE7あたりで確認してみようかと思います。


画面サイズなどは自由に指定してNavigateをクリックします。


f:id:inagex:20131127151838p:plain


しばらくすると


f:id:inagex:20131127151944p:plain


表示されます。


古めかしいサイドバーやバーが出てきました。


崩れてる!!!!!


f:id:inagex:20131127152057p:plain


そんな感じでもしIE7できてる方が多いのであればちゃんと表示されるように修正するべきでしょう。


僕も修正できたらしたいと思った次第です。


普段IE7とかで自分のサイトを見たりしないのでいい機会にもなるかもしれません。


Sauce App

価格: 無料