2012年02月09日 web関連

WEBサイト制作をしていると、IE6のような古いブラウザのチェックが必要な場合が多いですが、普段使っているPCには入っていないという場合も多いので、どうしたものかな〜〜とお困りの方も多い(最近はそうでもないのかな)のでは、ないでしょうか。

普段私は、IETesterやAdobeR BrowserLabなどのツールを使って確認することが多いのですが、動作がおかしかったり、重かったりで、いまいち、コレだ!というツールが見つかりませんでした。

さきほど、調べ物をしていたら、全然関係ないところで、よさそうなツールを発見したので、メモしておきます。
普段は、もっぱらmacを使っている私には、もう一声という感じなのですが・・・

Expression Web SuperPreview

Microsoft純正の確認用ツールExpression Web SuperPreview

使い方

IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」

追記

2012/02/09

少し、使ってみたので、わかったことを追記しておきます。
まず、無料ソフトではないです。60日間の試用期間をすぎると有料ソフトを購入する必要があります。2万円ほどのソフトです。amazonなんかでは、15,000円ほどで売られていました。

使用した感想は、とても便利でした。デフォルトでは、IE6,IE7など限られたブラウザしかチェックできないのですが、リモートブラウザプレビューというのにメールアドレス登録すれば、IE9やsafari,各バージョンFireFox,Chromeでも確認できるようになります。

また、ページ対話モードにするとリンクをクリックして、ページが遷移されるので、トップページだけでなく、色々なページをクリックしてチェックしたいときには便利だと思いました。

2つのブラウザの見た目をオーバーレイ(重ねる)して、どこがずれているとかを確認することもできるようです。オーバーレイなので、透過された見た目が重ねられるので、多少見辛い感じではありますが。。

読み込みが遅かったり気になる点もありますが、サラっと使ってみた感想だと、とても便利そうなので、試用期間が切れるまで使ってみて、購入するかどうかは検討しようと思います。

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

WordPress ウィジェットに個別のid,classを設定する

2014年08月11日 web関連WordPress
WordPressのウィジェットに個別のid,classを設定して、違うデザインを適用したい場合は、functions.php内でサイドウィジェットを有効にする設定項目の「before_widget」の箇所を以下のように変更します。 [php]register_sidebar(array( 'name' => 'side-widget', 'before_wid…
「WordPress ウィジェットに個別のid,classを設定する」をはてなブックマークに追加

DREAMWEAVER CS6でSCSSを使うための準備

2015年03月03日 web関連
dreamweaver CS6では、scss,sassなどが使えません。使えないというか、コードヒントやコードカラーリングが適用されず、テキスト扱いと同様になってしまいます。 検索すれば、多くのサイトで説明されていますが、以下の作業をすればコードヒントが使えるようになります。 scssを追加する手順 1.DWの環境設定>ファイルタイプ/エディター内の「コードビューで開く」の箇所に「.scss」を追加します。(sassも使いたい場合は.sassも追加) 2. アプリケーション ▸ Adobe Dreamweaver CS6 ▸ Configuration 内の「Extensions.txt」とアプリケーション ▸ Adobe Dreamweaver CS6 ▸ Configuration ▸ DocumentTypes内の「MMDocumentTypes.xml」を編集 …
「DREAMWEAVER CS6でSCSSを使うための準備」をはてなブックマークに追加

iPhoneのホーム画面に表示されるサイトへのショートカットアイコンを設定

2013年10月31日 web関連iPhone
[php]<link rel="apple-touch-icon" href="画像パス" /> [/php] サイズに関して 引用 : http://arigato-ipod.com/lab-webclip-apple-touch-icon.html 引用 : http://ozpa-h4.com/2012/03/29/…
「iPhoneのホーム画面に表示されるサイトへのショートカットアイコンを設定」をはてなブックマークに追加

wordpressのパンくずリストをmicrodata対応させる[追記あり]

2014年08月04日 web関連WordPressphpSEO対策
WordPressのパンくずリストをリッチスニペット(microdata)に対応させてみました。 リッチスニペットについては下記を参考にしてください。 リッチ スニペット - パンくずリスト(Google) 対応後のコードはGistにあります。という割に、Gistの使い方がよくわかっていません・・。 少しずつ勉強していきます。(^_^;) microdata対応のWordpr…
「wordpressのパンくずリストをmicrodata対応させる[追記あり]」をはてなブックマークに追加

Twitter API を使わずにプロフィール画像を取得する

2011年07月29日 web関連twitter API
Twitter APIを使っていると、プロフィール画像の取得だけで、さくさく利用限度が減って行きます。 公式のAPIを使わず、もっと簡単に画像を取得出来る方法があるようなので、ご紹介。 …
「Twitter API を使わずにプロフィール画像を取得する」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy