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のオリジナルテーマのサムネイル作成

2013年11月06日 web関連WordPress
WordPressでオリジナルのテーマを作る時は、テーマ名などはstyle.css内にコメントで設定。 管理画面の外観>テーマのページに表示される、個々のテーマのサムネイル画像は、ファイル名「screenshot」、形式はPNG/JPEG/GIFのどれかにして、サイズは 300×225pxで作成。 http://wordpress.nyamuh.com/cont/base/base.htm…
「WordPressのオリジナルテーマのサムネイル作成」をはてなブックマークに追加

Googleアドセンスがhtml要素を覆い隠してクリック出来ない

2015年03月04日 web関連
Google Adsenseを設置すると隣接する要素をオーバーラップしてしまい、クリック出来なくなる場合の対処法です。 アドセンスが隠してしまってクリック出来ない要素を#navだとすると以下のようにCSSを設定します。 [php]#nav { position:relative; z-index: 100; }[/php]
「Googleアドセンスがhtml要素を覆い隠してクリック出来ない」をはてなブックマークに追加

レスポンシブ対応 画像メニューをテキスト表示に切り替える

2014年11月15日 web関連HTML5・CSS3
レスポンシブなサイトを作るときに、大きな画面では画像メニュー、スマホなどのサイズでは、テキストメニューにして、メニューボタンに格納したい場合など、画像メニューからテキストメニューにCSSで表示切り替えする方法。 cssの:before attr属性で解決 html [php]<ul id="nav"> <li><a data-tex…
「レスポンシブ対応 画像メニューをテキスト表示に切り替える」をはてなブックマークに追加

wordpressのアーカイブ、カテゴリテンプレートで現在のタグIDを取得しリンクを設定する

2014年08月04日 web関連WordPress
アーカイブテンプレートで表示中のタグIDを取得する 下記で現在表示中のタグのtag_idが取得出来ます。 [php]$tag_id = get_query_var('tag_id');[/php] tag_idからタグページヘのリンクを設定する タグページヘのリンクを設定するには、WordPressのget_tag_link関数を使います。引数に先ほど取得したtag_idを設定…
「wordpressのアーカイブ、カテゴリテンプレートで現在のタグIDを取得しリンクを設定する」をはてなブックマークに追加

Dreamweaver で開いたファイルが文字化けする場合の対処法

2012年02月06日 web関連zencart
症状 今回は、ZenCartのデータベースを編集したくて、sqlファイル(EUC-JP)をDreamweaverで開いたら、文字化けしました。 Dreamweaverの「新規ドキュメント」の設定が関係しているようなので、新規ドキュメントを開く際のエンコードの設定を変更します。 解決策 環境設定 > カテゴリ内の「新規ドキュメント」> 「エンコーディングが指定されていない既存ファイ…
「Dreamweaver で開いたファイルが文字化けする場合の対処法」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy