webページ上で選択部分のHTMLソースをその場で編集することができるFirefoxアドオン「SourceEditor」

自分のWebサイトなどを編集して変更を実際に確認するには、HTMLエディタなどのプレビュー機能を使ったり、アップロードして実サイトを確認するなどの方法が考えられます。

Firefoxユーザーなら、「SourceEditor」というアドオンをインストールすることによって、そうした作業をもっと簡単に行うことが可能です。


「SourceEditor」は、Firefoxで表示しているWebページ全体、または任意の選択部分のHTMLを表示し、さらにそのソースを編集することができるアドオンです。

アドオンインストール後、ステータスバーに追加されたアイコン　　をクリックすると編集モードに切り替わります。

この状態で、ページ上にマウスを移動すると、以下のようにブロックが赤い線で囲まれます。





この部分をダブルクリックするか、右クリックしてコンテキストメニューから[Edit Source]を選択すればエリア編集モードに切り替わり、その部分のHTMLコードが表示されます。





このコードを編集してエリア外をクリックすれば編集したとおりにページの表示が変更されるというわけです。

編集前、編集後のコードはコピーすることも可能ですので、実際のサイト上でベストな編集ができればそれをローカルで編集中のものと置き換えるなどの使い方も可能です。

再度アイコンをクリックすれば機能は解除され、編集済みの部分もリロードすれば元のコンテンツに戻ります。

Webサイトオーナーが部分的編集を行う際の検証や、他サイトのコードを参考にする場合などに便利ですね。


ダウンロード：SourceEditor（Firefox Add-ons）


＜関連記事＞


■Firefoxに"Dreamweaver"ライクなHTMLエディタをビルトインするアドオン「Codetch」

■FirefoxにWYSIWYGエディタを付与してページ内のテキストフォームにHTMLで書き込むことができるアドオン「Xinha Here!」

■サイトをプレビューしながらサイドバーでスタイルシートを編集できる「EditCSS」

■Firefoxで表示しているページを自在に編集することができるようになるブックマークレット。


＜Ads＞

インターネットFX取引手数料無料ならマネーパートナーズ

１万円からのＦＸ取引は、伊藤忠グループ・ＦＸプライム

トレイダーズ証券の外国為替取引

有機野菜の宅配　Ｏｉｓｉｘおためしセット