<?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/"
	>

<channel>
	<title>ウェブ制作（ドメイン・サーバ・メール関連）研究室 &#187; ブラウザ</title>
	<atom:link href="http://www.labo-ip.com/?feed=rss2&#038;tag=%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6" rel="self" type="application/rss+xml" />
	<link>http://www.labo-ip.com</link>
	<description>ウェブ制作スタッフによるウェブ全般の情報とテクニック集です</description>
	<lastBuildDate>Fri, 25 Jul 2014 01:00:21 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.0.38</generator>
	<item>
		<title>PCでスマホサイトを確認する（Safariを利用）</title>
		<link>http://www.labo-ip.com/?p=475</link>
		<comments>http://www.labo-ip.com/?p=475#comments</comments>
		<pubDate>Tue, 22 Jul 2014 01:00:24 +0000</pubDate>
		<dc:creator><![CDATA[hpkanri]]></dc:creator>
				<category><![CDATA[ウェブ]]></category>
		<category><![CDATA[コンテンツ]]></category>
		<category><![CDATA[PCサイト]]></category>
		<category><![CDATA[スマホサイト]]></category>
		<category><![CDATA[ブラウザ]]></category>

		<guid isPermaLink="false">http://www.hp-omakase.com/web02/?p=475</guid>
		<description><![CDATA[今回は、PCでスマートフォンサイトの確認方法です。 用意するのは、ブラウザのSafariです。 (1) Saf [&#8230;]]]></description>
				<content:encoded><![CDATA[
<p>今回は、PCでスマートフォンサイトの確認方法です。</p>
<p>用意するのは、ブラウザのSafariです。</p>
<p>(1) Safariを立ち上げ、ブラウザの右上の下記のマークをクリックします。<br />メニューが表示しますので「表示」をクリックしてください。</p>
<p><img class="alignnone size-full wp-image-476" src="http://www.labo-ip.com/wp-content/uploads/2014/04/sm_sfr1.jpg" alt="sm_sfr1" width="500" height="420" /></p>
<p>(2) 設定ウィンドウが開きますので、「詳細」マークをクリックしてください。<br />設定項目が表示しますので、下記の「メニューバーに&#8221;開発&#8221;メニューを表示」に<br />チェックを入れてください。</p>
<p><img class="alignnone size-full wp-image-477" src="http://www.labo-ip.com/wp-content/uploads/2014/04/sm_sfr2.jpg" alt="sm_sfr2" width="500" height="193" /></p>
<p>(3) 下記のようにページメニューの項目に「開発」が追加されますので、<br />「開発」→「ユーザーエージェント」→<br />「Safari IOS 4.3.3 ― iPhone」をクリックしてください。<br />（iPhoneのユーザーエージェントで確認）</p>
<p><img class="alignnone size-full wp-image-478" src="http://www.labo-ip.com/wp-content/uploads/2014/04/sm_sfr3.jpg" alt="sm_sfr3" width="500" height="324" /></p>
<p>(4) 同一アドレスでPC版とスマートフォン版のサイトがあるサイトは<br />下記のようにスマートフォン仕様に変換されます。<br />(PC版しかないものは、変わりません）<br /><br />▼当社サイトを見てみるとこのように表示されます。</p>
<p><img class="alignnone size-full wp-image-479" src="http://www.labo-ip.com/wp-content/uploads/2014/04/sm_sfr4.jpg" alt="sm_sfr4" width="200" height="429" /></p>
<p>※ユーザーエージェント（Webブラウザなどの情報を知らせるプログラム）を<br />切替えることで表示させています。</p>
<p>今回は、iPhoneのユーザーエージェントで表示していますが、<br />iPad、インターネットエクスプローラー、モバイルなどの<br />ユーザーエージェントを指定することでも表示の切替ができます。</p>
<p>Google Chromeや、FireFoxのアドオンでも確認できるようになりますが、<br />Safariが、チェックを入れるだけで手間なく利用にできますので、<br />私としてはおすすめです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.labo-ip.com/?feed=rss2&#038;p=475</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
