この変更も、本来はローカルで編集してプレビューするか、更新アップロードという手順でやっと変更が確認できるわけですが、Firefoxに「Edit current website」というブックマークレットを置いておけば、表示中のWebページを一時的ではありますが、自由自在に編集することができるようになります。
利用するには、右のリンク→Edit current websiteをFirefoxのブックマークツールバーにドラッグ＆ドロップして配置します。
FirefoxでWebページ表示中、中身を編集したくなったらこの「Edit current website」をクリックすることにより、ページが「編集モード」に切り替わり、テキストエディタを使うように文字を消したり別のテキストを挿入したりすることができるようになります。
○削除したところ
テキストを削除して別のテキストを入力する場合は、オリジナルのスタイルが適用されますので、デザインはそのままに内容や配置を変更することが可能です。
HTMLエディタではありませんので、コードの挿入やローカルイメージの装入などはできませんが、他のページから選択した部分を貼り付けたり、ページ内の画像を移動させたりするこができます。
これらの作業は切り取り、貼り付け、元に戻すなどのアクションも可能です。
また、編集を元に戻したい場合はページをリロードすることによりオリジナルに戻ります。
目的のページに自分のサイトのコンテンツを当てはめたらどうなるかとか、管理しているサイトの配置や内容を変更したりするする際に、簡易プレビュー的な使い方ができそうですね。
＊編集したページは当然ながらHTMLには変更は加わりません、したがって保存してもオリジナルのページとなります。このブックマークレットで編集したページを参考資料としたい場合などは、スクリーンショットを撮るなどして保存してください。
＜関連記事＞
■FirefoxでGUIを使ったプロトタイプを作成できるアドオン「Pencil Project」
■Firefoxでフォームに入力した情報をブックマークレットとして保存し、呼び出すことができるアドオン「Form Saver」
■****ってなんだっけ？フォームのパスワードをワンクリックで表示するブックマークレット。
■Firefoxのウィンドウサイズを一発で変更することができるブックマークレット作成法。
■Firefoxで閲覧中のWebページスタイルを自在に変更してGreasemonkeyスクリプトとして保存できるアドオン「Platypus」
■Firefoxに"Dreamweaver"ライクなHTMLエディタをビルトインするアドオン「Codetch」
■ブラウズ画面を自由自在にキャプチャする「Screengrab! 」
■ページ全体および選択部分を簡単に画像として保存できるFirefoxアドオン「Abduction!」
■ページ丸ごとのスクリーンショットを撮るなら「Save As Image」
＜Ads＞
インターネットFX取引手数料無料ならマネーパートナーズ
１万円からのＦＸ取引は、伊藤忠グループ・ＦＸプライム
トレイダーズ証券の外国為替取引
