人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Firefoxでの編集済HTMLファイルの保存操作
Firefoxで、HTMLローカルファイルを開いて、開発ツールのインスペクタで編集することができます。
編集結果もFirefox上で確認できるのですが、この編集結果をローカルファイルとして保存する操作がわかりません。
Windows7/Firefox37.0.2を使ってます。操作方法を教えて下さい。

●質問者: poppyday
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

ひとつの方法。
インスペクタで、HTML ノードを選択して、右クリックメニューから「outerHTML をコピー」。
f:id:a-kuma3:20150503090318p:image
で、適当なテキストエディタに貼り付けて保存。


もうひとつの方法。
表示ページで、ctrl-A で全選択して、右クリックメニューから「選択した部分のソースを表示」。
f:id:a-kuma3:20150503090319p:image

開いたウィンドウのファイルメニューから、「名前を付けてページを保存」。
f:id:a-kuma3:20150503090320p:image


poppydayさんのコメント
ご教授ありがとうございます。とりあえず前者の方法で対応しています。 なぜ直接保存できる方法がないのでしょうね?

a-kuma3さんのコメント
インスペクタは DOM ベースですけど、HTML はきれいな入れ子の構造になっていない表記も許しています。 >|| <div>ああ<b>あああ</div>いいいい</b> ||< みたいな。 なので、ちょっとした変更でも、DOM を XML のテキストに変えたときに、元のソースを大きく変えてしまう可能性があるので、インスペクタでの修正は、あくまでもインスタントな範囲にとどめているのかな、なんて想像します。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ