<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>毒蜘蛛実験室 &#187; Adobe</title>
	<atom:link href="http://blog.dokugumo13.info/archives/tag/adobe/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.dokugumo13.info</link>
	<description>Ｗｅｂの様々な技術を実験してみるブログ</description>
	<lastBuildDate>Sat, 12 Jun 2010 13:23:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.dokugumo13.info/archives/tag/adobe/feed" />
		<item>
		<title>便利なブラウザチェッカー</title>
		<link>http://blog.dokugumo13.info/archives/116</link>
		<comments>http://blog.dokugumo13.info/archives/116#comments</comments>
		<pubDate>Thu, 04 Mar 2010 12:32:24 +0000</pubDate>
		<dc:creator>毒蜘蛛</dc:creator>
				<category><![CDATA[オンラインサービス]]></category>
		<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[便利ツール]]></category>

		<guid isPermaLink="false">http://blog.dokugumo13.info/?p=116</guid>
		<description><![CDATA[webサイトを作る際、さまざまなブラウザで問題なく閲覧できるように作らなくてはいけないので、作りながらレイアウト崩れが無いか等のチェックをします。
特にIE6.0がやはり曲者なので念入りにチェックしなければいけません。一 [...]]]></description>
			<content:encoded><![CDATA[<p>webサイトを作る際、さまざまなブラウザで問題なく閲覧できるように作らなくてはいけないので、作りながらレイアウト崩れが無いか等のチェックをします。</p>
<p>特にIE6.0がやはり曲者なので念入りにチェックしなければいけません。一番ダメすぎるブラウザのくせに利用者が未だ多いという状況ですからね…。</p>
<p>そんな中、私がブラウザチェックに使っているのが<a href="https://browserlab.adobe.com/index.html#" target="_blank">Adobe　BrowserLab</a>です。</p>
<p>もちろん無料のツールですが、予め<a href="https://www.adobe.com/cfusion/membership/index.cfm?nf=1&amp;nl=1&amp;promoid=EUQZB" target="_blank">AdobeID</a>を取得しておく必要があります（もちろん無料です）。</p>
<div id="attachment_115" class="wp-caption alignnone" style="width: 310px"><a href="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser1.jpg" rel="lightbox[116]"><img class="size-medium wp-image-115" title="ログイン画面" src="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser1-300x131.jpg" alt="adobe browserLab" width="300" height="131" /></a><p class="wp-caption-text">adobe browserLabログイン画面</p></div>
<p>メールアドレスとPassを入力してログインします。</p>
<p>ログインができたらチェックしたいサイトのURLを入力して、URL入力欄の右のボタンを押すだけです。</p>
<p>読み込みにちょっと時間がかかりますが、焦らず待ちましょう。</p>
<div id="attachment_117" class="wp-caption alignnone" style="width: 310px"><a href="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser2.jpg" rel="lightbox[116]"><img class="size-medium wp-image-117" title="IE6.0でのチェック" src="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser2-300x130.jpg" alt="IE6.0でのチェック" width="300" height="130" /></a><p class="wp-caption-text">IE6.0でのチェック</p></div>
<p>こんな感じに表示されます。</p>
<div id="attachment_118" class="wp-caption alignnone" style="width: 310px"><a href="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser3.jpg" rel="lightbox[116]"><img class="size-medium wp-image-118" title="入力項目" src="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser3-300x130.jpg" alt="入力項目" width="300" height="130" /></a><p class="wp-caption-text">入力項目</p></div>
<p>赤い枠で囲んでいるところを設定すれば良いだけです。</p>
<p>Delayは低すぎると読み込みきらないまま表示するようです。例えばbackgroundで指定している画像が表示されたりされなかったりします。</p>
<p>ここの数値を上げればちゃんと読みこんで表示するみたいです。</p>
<p>また、一番左の部分でどのブラウザでの表示にするかを選びます。ちなみにその上のviewという項目で画面表示方法を切り替える事が出来ます。</p>
<p>私は基本的にデフォルトのままですが。</p>
<div id="attachment_119" class="wp-caption alignnone" style="width: 310px"><a href="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser4.jpg" rel="lightbox[116]"><img class="size-medium wp-image-119" title="Mac safari3.0での表示" src="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser4-300x127.jpg" alt="Mac safari3.0での表示" width="300" height="127" /></a><p class="wp-caption-text">Mac safari3.0での表示</p></div>
<p>safariは文字にアンチエイリアスがかかって非常にキレイに表示されます。</p>
<p>とまぁ、非常に便利なツールですので、ご存じでなかった方はぜひこの機会に使ってみてください。</p>
<p>ただし、ローカルにあるファイルのチェックができないようです。</p>
<p>それが唯一の欠点かも。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dokugumo13.info/archives/116/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.dokugumo13.info/archives/116" />
	</item>
	</channel>
</rss>
