<?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; console</title>
	<atom:link href="http://blog.istef.info/tag/console/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.istef.info</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Sun, 06 Jun 2010 05:52:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<atom:link rel='hub' href='http://blog.istef.info/?pushpress=hub'/>
		<item>
		<title>Opera Dev Console &#8211; Opera 下的调试利器</title>
		<link>http://blog.istef.info/2007/03/24/opera-dev-console/</link>
		<comments>http://blog.istef.info/2007/03/24/opera-dev-console/#comments</comments>
		<pubDate>Sat, 24 Mar 2007 15:56:13 +0000</pubDate>
		<dc:creator>iStef</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[console]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[develop]]></category>

		<guid isPermaLink="false">http://blog.istef.info/2007/03/24/opera-dev-console/</guid>
		<description><![CDATA[我们平时在进行网页设计和 CSS 的书写时，经常会使用到一些调试工具。这些小工具能很有效的帮助我们找到问题所在，大大提高效率。在 IE 浏览器上，我们有 IE Developer Toolbar 可以使用，在 Firefox 上则有异常方便和强大的 FireBug，而在 Opera 上，我们现在也有了很好用的调试工具 Opera Dev Console。 如上文所介绍的，Opera Dev Console 是一个功能上与 Firebug 很类似的工具，区别在于它工作在 Opera 上。Opera Dev Console 全部由 javascript 写成，但你可千万别小看了它，它的功能可是非常强大的。它可以快速的分析出 HTML 文档的 DOM 模型，而且对于所选中的 DOM 元素在原网页上也会给出提示。同时，你可以分别查看每个元素的 CSS 样式，或者进行 Javascipt 的调试等等，对于网页设计师和程序设计师都很有帮助。可谓麻雀虽小五脏俱全了。 Opera Dev Console 的安装非常简单，您只需要将这个链接拖放到 Opera 工具栏上任何一个位置，当您需要使用它的时候点击一下这个按钮便可以对当前浏览的网页进行分析了。 一直以来，对于 Opera 浏览器上的开发工作都是比较麻烦的，不过现在好了，有了 Dev Console 这款调试工具，在 Opera 平台上调试时和其它平台也就没什么区别了。建议所有经常进行跨浏览器开发的朋友安装一下 Dev [...]]]></description>
			<content:encoded><![CDATA[<p><!--SPONSOR=[PAGEFLAKES]-->
<p style="text-indent:0;text-align:center"><img src='http://blog.istef.info/wp-content/uploads/2007/03/2007-3-24.jpg' alt='opera dev console' /></p>
<p>我们平时在进行网页设计和 CSS 的书写时，经常会使用到一些调试工具。这些小工具能很有效的帮助我们找到问题所在，大大提高效率。在 IE 浏览器上，我们有 <a href="http://www.google.com/url?sa=t&#038;ct=res&#038;cd=1&#038;url=http%3A%2F%2Fwww.microsoft.com%2Fdownloads%2Fdetails.aspx%3Ffamilyid%3DE59C3964-672D-4511-BB3E-2D5E1DB91038%26displaylang%3Den&#038;ei=uUcFRoHOJZm6sAKp85xP&#038;usg=__XRu4xX-FFBzJz6cqgnRziMidaMY=&#038;sig2=wkHmL4zSCSxsaCc3aQZwkQ">IE Developer Toolbar</a> 可以使用，在 Firefox 上则有异常方便和强大的 <a href="https://addons.mozilla.org/firefox/1843/">FireBug</a>，而在 Opera 上，我们现在也有了很好用的调试工具 <a href="http://dev.opera.com/articles/view/opera-developer-tools/?page=2">Opera Dev Console</a>。</p>
<p>如上文所介绍的，Opera Dev Console 是一个功能上与 Firebug 很类似的工具，区别在于它工作在 Opera 上。Opera Dev Console 全部由 javascript 写成，但你可千万别小看了它，它的功能可是非常强大的。它可以快速的分析出 HTML 文档的 DOM 模型，而且对于所选中的 DOM 元素在原网页上也会给出提示。同时，你可以分别查看每个元素的 CSS 样式，或者进行 Javascipt 的调试等等，对于网页设计师和程序设计师都很有帮助。可谓麻雀虽小五脏俱全了。</p>
<p>Opera Dev Console 的安装非常简单，您只需要将<a href="opera:/button/Go%20to%20page,%22javascript%3A(function()%7Bvar%20ele%3Ddocument.documentElement.appendChild(document.createElementNS('http://www.w3.org/1999/xhtml','script'%2C'script'))%3Bele.src%3D'http%3A%2F%2Fdevfiles.myopera.com%2Ftools%2Fdeveloper%2F8679%2FdevConsole.js'%3Bele.parentNode.removeChild(ele)%3B%3B%7D)()%22,,,%22Panel%20Bookmarks%22">这个链接</a>拖放到 Opera 工具栏上任何一个位置，当您需要使用它的时候点击一下这个按钮便可以对当前浏览的网页进行分析了。</p>
<p>一直以来，对于 Opera 浏览器上的开发工作都是比较麻烦的，不过现在好了，有了 Dev Console 这款调试工具，在 Opera 平台上调试时和其它平台也就没什么区别了。建议所有经常进行跨浏览器开发的朋友安装一下 Dev Console。
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.istef.info%2F2007%2F03%2F24%2Fopera-dev-console%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.istef.info%2F2007%2F03%2F24%2Fopera-dev-console%2F&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.istef.info/2007/03/24/opera-dev-console/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>最个性的 WP 主题：CLI 1.0</title>
		<link>http://blog.istef.info/2007/01/25/wordpress-theme-cli/</link>
		<comments>http://blog.istef.info/2007/01/25/wordpress-theme-cli/#comments</comments>
		<pubDate>Thu, 25 Jan 2007 15:40:19 +0000</pubDate>
		<dc:creator>iStef</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[console]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.istef.info/2007/01/25/wordpress-theme-cli/</guid>
		<description><![CDATA[见过太多的 WordPress 主题，但 CLI 绝对是最个性的一个。如果您是像我一样从 DOS 时代过来的人，或者是狂热的 Linux Fans，对这款主题肯定会一见倾心吧。不过我可不想把它作为我的默认主题，否则我的访客肯定会被统统吓跑的 对于那些每天对着 PuTTY 的程序员或是维护人员来说，如果满世界的 Blog 都用上这个主题，我保证他们会砸了显示器的，呵呵。]]></description>
			<content:encoded><![CDATA[<p style="text-indent:0;text-align:center"><img src='http://blog.istef.info/wp-content/uploads/2007/01/2007-1-25.jpg' alt='CLI' /></p>
<p>见过太多的 WordPress 主题，但 <a href="http://themes.wordpress.net/columns/1-column/1418/cli-10/">CLI</a> 绝对是最<strong>个性</strong>的一个。如果您是像我一样从 DOS 时代过来的人，或者是狂热的 Linux Fans，对这款主题肯定会一见倾心吧。不过我可不想把它作为我的默认主题，否则我的访客肯定会被统统吓跑的 <img src='http://blog.istef.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>对于那些每天对着 PuTTY 的程序员或是维护人员来说，如果满世界的 Blog 都用上这个主题，我保证他们会砸了显示器的，呵呵。
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.istef.info%2F2007%2F01%2F25%2Fwordpress-theme-cli%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.istef.info%2F2007%2F01%2F25%2Fwordpress-theme-cli%2F&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.istef.info/2007/01/25/wordpress-theme-cli/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using memcached
Page Caching using memcached
Database Caching 1/13 queries in 0.008 seconds using memcached
Object Caching 441/464 objects using memcached

Served from: blog.istef.info @ 2012-02-13 15:36:00 -->
