<?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>understandard &#187; Chrome</title>
	<atom:link href="http://www.understandard.net/category/chrome/feed" rel="self" type="application/rss+xml" />
	<link>http://www.understandard.net</link>
	<description>雑記と HTML、CSS、WordPress について</description>
	<lastBuildDate>Thu, 02 Feb 2012 05:56:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Google Chrome の開発者向けエクステンション Pendule</title>
		<link>http://www.understandard.net/chrome/chrome001.html</link>
		<comments>http://www.understandard.net/chrome/chrome001.html#comments</comments>
		<pubDate>Tue, 01 Dec 2009 07:50:08 +0000</pubDate>
		<dc:creator>じゅん</dc:creator>
				<category><![CDATA[Chrome]]></category>

		<guid isPermaLink="false">http://www.understandard.net/?p=264</guid>
		<description><![CDATA[Google Chrome の開発者向けエクステンション、Pendule を入れてみました。 Google Chrome に、画像操作や W3C のバリデーションツールのような開発者向けの機能を追加します。 Firefo [...]<dl class="relatives">
<dt><span>関連投稿</span></dt>
<dd><ul>
<li>
<a href="http://www.understandard.net/tool/tool002.html" rel="bookmark">CCleaner がパワーアップ</a><!-- (6.1)-->
<div class="info">
<span class="category">category: <a href="http://www.understandard.net/category/tool" title="tool の投稿をすべて表示" rel="category tag">tool</a></span>
<span class="tags">tags: <a href="http://www.understandard.net/tag/chrome" rel="tag">Chrome</a>+<a href="http://www.understandard.net/tag/firefox" rel="tag">Firefox</a>+<a href="http://www.understandard.net/tag/tools" rel="tag">tools</a>.</span>
</div>
</li>
</ul>
</dd>
</dl>
]]></description>
			<content:encoded><![CDATA[<p>Google Chrome の開発者向けエクステンション、<a href="http://www.chromeextensions.org/webmaster-seo/pendule/">Pendule</a> を入れてみました。<br />
Google Chrome に、画像操作や W3C のバリデーションツールのような開発者向けの機能を追加します。<br />
Firefox でいえば、Web Developer の位置づけです（間違ってたらすいません）。</p>
<p><a rel="lightbox" href="/images/post/chrome/001/chrome001-1.png"><img title="chrome001-1.png" src="/images/post/chrome/001/.thumbs/.chrome001-1.png" alt="chrome001-1.png" width="259" height="320" /></a></p>
<h2>このエクステンションでできること</h2>
<ul>
<li>ソースを見る (View source)</li>
<li>CSSをオフ (Disable CSS)</li>
<li>画像関連 (Imgages)
<ul>
<li>画像を除去 (Remove images)</li>
<li>背景画像を除去 (Remove backgroundimages)</li>
<li>画像を隠す (Hide images)</li>
<li>画像をフルサイズにする (Make images fullsize)</li>
<li>画像を alt の内容に置き換える (Replace images with aly attributes)</li>
</ul>
</li>
<li>W3C ツール (W3C tools)
<ul>
<li>マークアップバリデーター (Markup validator)</li>
<li>CSS バリデーター (CSS validator)</li>
<li>リンクチェッカー (Link checker)</li>
<li>フィードバリデーター (Feed validator)</li>
</ul>
</li>
<li>オプション (Option)</li>
</ul>
<h2>使ってみた感想</h2>
<p>画像・背景画像の除去は、ソース上から消します（画像の高さ・幅も0になる）。<br />
画像を非表示は、visiblility:hidden な感じ（画像の高さ・幅の分は残る）です。<br />
画像をフルサイズにするという項目は、何が起こっているのかいまいち分からなかったです&#8230;。</p>
<p>このエクステンションの不便なところは、<strong><br />
オフはできるのに、再度オンにしたいときにはページを更新しなきゃいけない<br />
</strong>ということ。<br />
画像を alt の内容に置き換えるのも、うまくいったり、いかなかったりで不安定でした。</p>
<p>一方、W3C ツールのほうは問題なく動作しました。<br />
これは無駄な機能がない分、探しやすくて、好感が持てました。</p>
<p>オプションの項目はクレジット等が表示されるだけで、特に設定項目はありませんでした。<br />
今後もしかしたらオプション設定ができたりするんでしょうかね？</p>
<p><strong>現時点での正直な感想は Firebug や Web Developer Tool でいいかな</strong>、という感じです。<br />
バージョンが0.0.1ということで今後の改良に期待したいです。</p>
<p><a href="http://www.chromeextensions.org/webmaster-seo/pendule/">Pendule «  Google Chrome Extensions</a></p>
<h2>ついでの話</h2>
<p>今回初めて Chrome にエクステンションを入れました。<br />
Chrome って標準版・ベータ版だとエクステンション入れられないんですね。</p>
<p>全然知らなかったので、「あれ？インストールできない！」ってなりました。<br />
エクステンションを入れるには、開発版をインストールしていないといけないんだそうです。</p>
<p>Chromeは、</p>
<ul>
<li>標準版</li>
<li>ベータ版</li>
<li>開発版</li>
</ul>
<p>の3種類のバージョンが存在しているんですが、「ベータ版＝開発版」と思い込んでいました。</p>
<p>開発版のダウンロードは、下記URLより可能です。<br />
Dev channel: <a href="http://www.google.com/chrome/eula.html?extra=devchannel">http://www.google.com/chrome/eula.html?extra=devchannel</a></p>
<dl class="relatives">
<dt><span>関連投稿</span></dt>
<dd><ul>
<li>
<a href="http://www.understandard.net/tool/tool002.html" rel="bookmark">CCleaner がパワーアップ</a><!-- (6.1)-->
<div class="info">
<span class="category">category: <a href="http://www.understandard.net/category/tool" title="tool の投稿をすべて表示" rel="category tag">tool</a></span>
<span class="tags">tags: <a href="http://www.understandard.net/tag/chrome" rel="tag">Chrome</a>+<a href="http://www.understandard.net/tag/firefox" rel="tag">Firefox</a>+<a href="http://www.understandard.net/tag/tools" rel="tag">tools</a>.</span>
</div>
</li>
</ul>
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://www.understandard.net/chrome/chrome001.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: www.understandard.net @ 2012-02-05 23:27:28 -->
