Firefox拡張機能プラグイン「Web developer」 : 今日の覚え書き Tickler’s bunkum days

HOME 　»　css , Firefox , html , plugin 　»　Firefox拡張機能プラグイン「Web developer」

Firefox拡張機能プラグイン「Web developer」

2005/01/23　|　Comments & Trackbacks : 12

このプラグイン、名前を「Web Developer」と言って、主にこんな機能があります。


クッキー、Java、JavaScript、CSSなどを無効にする
CSSをその場で編集する 
フォームの各属性値を表示する
alt属性のない、あるいはalt属性値が空の画像を枠で囲む
リンクのパスを表示する
ブラウザの画面内を拡大あるいは縮小する
テーブルのセルを表示する
ブラウザのウィンドウおよび表示領域の幅と高さを表示する
HTMLおよびCSSの構文をチェックする
Webページのソースコードを表示する

最新版　『Web Developer 0.9.2 日本語版』の配布先はこちらです。

導入法は至って簡単で、こちらのページからダウンロードしてインストールすればすぐ使えるようになります。
（ちなみにFirefoxでこのページを表示すると自動でインストール、他のブラウザの場合はダウンロードしたものをFirefoxのウインドウ中にドラッグしてあげればOKです。）
インストール後、ブラウザを再起動すると拡張機能が使用可能になります。

いろいろ使えそうな機能が目白押しなのですが、中でも私的にすっごくうれしいのがCSS編集機能。
新たに表示されたメニューバーから「CSS」→「CSSを編集する」を選ぶと、メイン画面が分割されて、左側にそのページに適用されているCSSが表示されるようになるんですね。

で、ここに表示されているCSSの値をいじると、即座に結果を右側の表示画面に反映させる事ができるんですよ。マジすごい。
ちなみにいじる前はこんな感じ。
赤丸部分、背景の色を「fff」→「999」に変えると、一瞬にして画面がこんな風になります。

これはあくまでCSSの値変更時のシミュレーションをしているだけなので、実際のCSSに反映させるためには、この結果をコピペしなければいけなかったりするんですけど、それでも超便利。
しかもこの機能を使えば、ほかの素敵サイトさんのサイトデザインも~~パクリ~~勉強しやすい事請け合い。もう最高。
他の機能はおいおい試してみます。

と言う訳で、興味のある方は是非是非使ってみてくださいませ。

Tags : css , Firefox , html , plugin　|　TrackBack URL
Prev : おすすめ四柱推命サイト　|　Next : BANANA FISH

Comments & Trackbacks : 12

Response from BmCしゃちょー2005 年 1 月 24 日　0時50分

どもども。TBありがとうございます。
いいですよねぇ、このツール。
１からカスタマイズしようと思うと大変ですけど、微調整する時なんてのは非常に重宝しますね。
もそさんのページもかなりキレイなデザインなので、Web developerで早速覗き見を・・・

Response from towoko2005 年 1 月 24 日　0時54分

やはり今はFirefoxさんが狙い目でしょうかねぇ。
Sleipnirユーザーとしてタブブラウザだってのは魅力なんだけど、
うーんうーん、CSS編集はかなり魅力ですねぇ。
うーんうーんうーん、Sleipnirの先を考えると……いやいや、うーん。

Response from もそ2005 年 1 月 24 日　0時59分

＞BmCしゃちょーさま
いえいえ、こちらこそナイス情報ありがとうございました。
これホントいいですって！（←強調）
ファイルごとサイトに落として…、なんて方法を試してみてしくじった私にはうってつけのプラグインでした（* ´∀｀）

　＞Web developerで早速覗き見を・・・
トラバさせて頂いたので今回はチャラでいいですよー（￣ー￣）ﾆﾔﾘｯ

＞towokoさま
私は両刀遣い（え？

普段はIEで確認用にFirefox使っています。
このまえ教えて頂いた技を使えばもっさり感もなくなるし、towokoさんも是非是非両刀遣いになりましょうよぉ？

Response from Dontkoi OMG!2005 年 1 月 24 日　8時28分

Firefox使ってみよっかな

Firefoxのプラグインの「Web Developer」ってのが良さげですなぁ…

Response from angeli-x ++ monologue2005 年 1 月 24 日　14時01分

Web Developer 0.9.2 日本語版

イヤー、これは便利かも。今日の覚え書き: Firefox拡張機能プラグイン「Web developer」を読んで、導入してみました。 WEB運営者向けの、Fi…

Response from 蓮華2005 年 1 月 24 日　14時03分

こんにちは。
これ面白いですね～。早速私も使ってみました。かなり便利そうです。
Sleipnirも使ってますが、最近Firefoxの良さに目覚め始めたので、私も両方使っています。（＾＾）

Response from towoko2005 年 1 月 24 日　20時32分

せっかくなんでFirefoxをＤＬしてみました。
あまりの表示崩れっぷりに愕然としましたが（笑えない）
Firefoxユーザーが多くなったことだし、確認用として使おうかな、と。
でもCSSのやつは本当にスゴイですね。
この技術ってどうやってんの？　と思うネタなんぞをあれこれ……あわわ。
でもー、Sleipnirの次世代版が６月公開予定なんだってー。
やっぱSleipnirもー捨てられないー。
IEもあるから、二股ならぬ三股となりそうです……あーあーあー。

Response from cova2005 年 1 月 24 日　23時44分

はじめまして。covaと申します。
先ほどはコメントいただきありがとうございます。

CSSに関してはDreamWaverなども使ってみたのですが、
少し自分のイメージするところと違いました。
この拡張プラグインは良いですねぇ。すごそうです。
まさに探し求めていたものかも知れません(^^)
これから使ってみたいと思います。

貴重な情報ありがとうございました。

これからもよろしくお願いします。

Response from もそ2005 年 1 月 25 日　0時48分

＞蓮華さま
ホント、これ面白いですよねぇ。
私も昨日はピコピコいじって遊んでしまいました（苦笑）。

IEも変なバグとかなければこれ一本で行けるんですけど、これだけだとあまりにも心許なさ過ぎるような気がします。
サイトやるなら、最低限二刀流が必須かもしれませんね。

＞towokoさま
お？Firefox落としたんですね（￣ー￣）ﾆﾔﾘｯ
初めは崩れっぷりに泣きが入るもんですよ。私もそうでした。
小粋コミュのスレッドに確かそんなネタ上がってましたよねぇ？
先にさんざん苦しんだので、どうしても行き詰まったら声かけてくださいね。
何か協力できるかも？

Sleipnirの次世代版はもちろんつかいますとも！

＞covaさま
いえいえ、こちらこそどうもでした（* ´∀｀）

このプラグインが探し求めていたアイテムなら、こんな喜ばしい事はありません。
お役に立ててよかったです♪

あ、小粋ユーザーさんならmixiの小粋コミュいかがですか？
入られていないようでしたら招待状お送りします。

Response from cova2005 年 1 月 25 日　13時23分

>あ、小粋ユーザーさんならmixiの小粋コミュいかがですか？
入られていないようでしたら招待状お送りします。

小粋コミュの存在は知っていたのですが、
まだmixiを使ったことがないのです。
SNSがどういったものかが自分の中でボヤ～っとしています。
少し怖いと言うのもありますが(^^;)、

もし参加することがあったら
そのときはよろしくお願いします(^^)

Response from もそ2005 年 1 月 25 日　13時48分

＞covaさま
mixiとは？ですかぁ。(ノ∀｀)ｱﾁｬｰ、こりゃ難しい質問だわ。
紹介制のネット上のコミュニティの集合体、って言ったらいいんでしょうか。blogよりは全然取っつきやすいような気がします。
一度覗いて頂ければ、何となくつかめると思うんですけどねぇ…。

とりあえず個人情報の漏れなどは心配しなくても大丈夫だと思いますよ。本名登録しなくても利用できますのでｗ。
気が向いたらいつでもご連絡下さいね（･∀･）。

Response from ＠delicious2005 年 4 月 18 日　22時38分

Firefox拡張機能プラグイン『Web Developer 0.9.3 日本語版』

これ、すごい便利なんですー。ブログをカスタマイズしている人には、ぜひぜひ、お薦めしたい一品。(笑) 『Web Developer』は、ブラウザの Mozill…

Firefox拡張機能プラグイン「Web developer」

Related Posts

Comments & Trackbacks : 12