Webページ(html)を簡単に ブラウザ上で編集する方法


 
 WebページをFirefoxで表示して そのまま編集する方法
 

Firefoxアドオンを使って Webページを簡単編集
 
編集した後は 印刷するなり保存するなり どんぞご自由に


 

html 知識ゼロでもOK


 
■ 簡単編集

Nuke Anything Enhanced(必要ない部分を消します)
ScrapBook保存前編集 DOMイレーサー(必要ない要素を消します)
Page Hacker (ワープロ感覚で 編集
    ※ 同機能アドオン:wwwDesignMode Webpage Editable Switch


■ 程々編集

HackTheWeb(DOMイレーサーの高機能版?)
Print Edit "隠す"機能でレイアウト崩れなし・複数要素を選択可能
 
Page Hacker Revived(Firefoxをワープロ化する?)




※ 自動整形(読みやすく)

Clearly整形表示 ページを結合


※ 整形ツール
 
  〚 非表示系 〛

Clean the junk(インラインフレーム Flashやバナー画像などを非表示)
Image and Flash Blocker  Hide all Images(画像 Flash の表示、非表示)
Gif Block(GIF画像の読み込みをブロック)
Image Block(「画像を自動的に読み込む」設定をアイコンで切り替える)
NoComment! CommentBlocker(コメント欄を隠す)
FrameExt(フレームを削除する・フレームをDIVタグに置き換える)


  〚 配色変更 〛

Color Transform(要素を選択して配色変更)
Color toggle(文字色/背景色/リンク色を変更)
Blank Your Monitor + Easy Reading(文字色/背景色/リンク色を変更)
NoSquint(文字色/背景色/リンク色を変更)
No Color(背景色とテキストカラーを設定されたシンプルな色に変更 背景画像除く)


  〚 マーカー 〛

Wired-Marker
Prostetnic Highlighter(マーカーのみ96色)
TextMarker! Firefox  TextMarker Go(3種類)





多少の html 知識は必要


 
■ HTMLソース編集

SourceEditor(HTMLソースをブラウザ上で編集)
    ※ 不安定なので..ちょこっと編集に


■ CSS編集

Styles Tuner(指定した要素の色や文字サイズなどを変更)
    stylebot の Firefox版あればいいのに..
 
Stylish (言わずもがな)




※ カラーピッカー

ColorZilla(色の取得・保存)
Rainbow Color Tools(色の取得・保存)


※ HTMLの文法チェック

Html Validator




html 知識は必須


 

スタイルエディタ(スタイルエディタを表示ボタン

Firebug




関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム