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取引手数料無料ならマネーパートナーズ
1万円からのFX取引は、伊藤忠グループ・FXプライム
トレイダーズ証券の外国為替取引
有機野菜の宅配 Oisixおためしセット