<?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>aw's blog 姿态永恒 &#187; 关于browserlab的文章</title>
	<atom:link href="http://www.awflasher.com/blog/tag/browserlab/feed" rel="self" type="application/rss+xml" />
	<link>http://www.awflasher.com/blog</link>
	<description>分享互联网, 分享人生</description>
	<lastBuildDate>Sun, 29 Jan 2012 11:57:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Adobe BrowserLab &#8211; 在线跨浏览器平台页面预览环境</title>
		<link>http://www.awflasher.com/blog/archives/1775</link>
		<comments>http://www.awflasher.com/blog/archives/1775#comments</comments>
		<pubDate>Wed, 03 Jun 2009 14:16:34 +0000</pubDate>
		<dc:creator>aw</dc:creator>
				<category><![CDATA[web开发]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[browserlab]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.awflasher.com/blog/archives/1775</guid>
		<description><![CDATA[Adobe近日推出了一款基于Flash（由于Flex Builder更名为Flash Builder，因此不要提Flex了）技术的网页调试工具。名为 Adobe BrowserLab &#8211; 点击这里进入。 这款工具能够帮助Web设计师观看在不同浏览器中同一页面的表现形式。当然，功能和浏览器覆盖面上比早先推出的BrowserShots要业余得多，但体验上还是有相当独到之处的。 这种“独到”其实是我想要已久的，具体说，主要是其提供了“2-up View”和“Onion Skin View”的对比方式，可以非常精确地看出网页在不同浏览器中的差距： 普通对比： 洋葱皮对比：两张不同的渲染结果叠加对比（Safari VS IE7） 目前，支持的浏览器并不多，包括： 有IE6，我认为足够了：） 其实Flash技术在这款应用中扮演的角色好不复杂，渲染工作是交给后端完成的，我想这个项目也是一个很好的典范并不一定是那种极其复杂的Flash应用才能博得喝彩的。 28条评论, 立即发言 &#124; 本文关键词: Adobe, browserlab, css, Flash ©aw's blog 姿态永恒 1984-2009 &#124; 链接地址 - http://www.awflasher.com/blog/archives/1775 @awguo （新浪微博） &#124; @awguo （腾讯微博） &#124; Twitter: @awguo]]></description>
			<content:encoded><![CDATA[<p>Adobe近日推出了一款基于Flash（由于Flex Builder更名为Flash Builder，因此不要提Flex了）技术的网页调试工具。名为 Adobe BrowserLab &#8211; <a href="https://browserlab.adobe.com" target="_blank">点击这里进入</a>。</p>
<p>这款工具能够帮助Web设计师观看在不同浏览器中同一页面的表现形式。当然，功能和浏览器覆盖面上比早先推出的<a href="http://browsershots.org/">BrowserShots</a>要业余得多，但体验上还是有相当独到之处的。</p>
<p>这种“独到”其实是我想要已久的，具体说，主要是其提供了“2-up View”和“Onion Skin View”的对比方式，可以非常精确地看出网页在不同浏览器中的差距：</p>
<p>普通对比：</p>
<p><img src="http://pic.yupoo.com/awflasher/71950789fa38/medium.jpg" alt="" /></p>
<p>洋葱皮对比：两张不同的渲染结果叠加对比（Safari VS IE7）</p>
<p><img src="http://pic.yupoo.com/awflasher/67565789fa34/medium.jpg" alt="" /></p>
<p>目前，支持的浏览器并不多，包括：</p>
<p><img src="http://pic.yupoo.com/awflasher/05626789fb7c/zs8p6uo1.jpg" alt="" /></p>
<p>有IE6，我认为足够了：）</p>
<p>其实Flash技术在这款应用中扮演的角色好不复杂，渲染工作是交给后端完成的，我想这个项目也是一个很好的典范并不一定是那种极其复杂的Flash应用才能博得喝彩的。</p>
<div style="border-top:1px dotted #ddd;width:100%;margin:5px 0"></div>
<p>
<strong>
<a href="http://www.awflasher.com/blog/archives/1775#awcomment"><strong>28</strong>条评论</a>,
<a href="http://www.awflasher.com/blog/archives/1775#awcomment">立即发言</a>
</strong>
|
本文关键词: <a href="http://www.awflasher.com/blog/tag/adobe" rel="tag">Adobe</a>, <a href="http://www.awflasher.com/blog/tag/browserlab" rel="tag">browserlab</a>, <a href="http://www.awflasher.com/blog/tag/css" rel="tag">css</a>, <a href="http://www.awflasher.com/blog/tag/flash" rel="tag">Flash</a><br/></p>
<p>©<a href="http://www.awflasher.com/blog" title="aw's blog 姿态永恒">aw's blog 姿态永恒</a> 1984-2009  | <a href="http://www.awflasher.com/blog/archives/1775">链接地址</a> - http://www.awflasher.com/blog/archives/1775
</p>
<p><a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://weibo.com/awguo">@awguo （新浪微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://t.qq.com/awguo">@awguo （腾讯微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="https://twitter.com/awguo">Twitter: @awguo</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.awflasher.com/blog/archives/1775/feed</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
	</channel>
</rss>

