htmlを「Print Edit」で編集して ScrapBook に保存する方法


 

Webページを見たまま保存できる「ScrapBook」が
 
Webページのレイアウトを変えずに 編集できる「Print Edit」を使うことで
 
最強の Webページ保存ツールになるっ!
 
と..思います..

追記:現在のバージョンではこの方法↓が使えなくなりました。



Webページを「Print Edit」で編集して ScrapBook に保存する方法


 
Print Edit」って 印刷専用と思ってたら 普通に ScrapBook に保存できました。

 
■ Print Edit を起動中に キーボードの アプリケーションキー を押すと

  mkey.jpg

■ Firefox のコンテキストメニューが表示されので あとは
    ScrapBook 保存項目を選択するだけです。

  cmnus.png



描画比較


 
■ Firefox で表示したページ■「ScrapBook」で保存したページ

  Print Edit _1s  Print Edit _2s

■「Print Edit」で編集後「ScrapBook」で保存したページ

  Print Edit _3s



他の保存形式の描画比較


 
※「Print Edit」の保存機能からの保存(Firefox の「名前をつけて保存」ではありません)
 


mht ファイル( mhtファイルの問題点 )※ 設定:ブラウザの標準機能を使う
maff ファイル( Mozilla Archive Format )※ 設定:ブラウザの標準機能を使う
 
    元のページと微妙にちがいます。

  PE4s.png



■ IE で表示したページ○○○ ■ mht ファイルを IE で表示

  iest01.png  iesht02s.png



※「UnMHT」で作成した mht ファイルを Firefox で表示 ScrapBook で保存すると
    画像が保存されません。(MAFで保存した mht maff ファイルは問題ありません)

  PE6s.png    peged03s.png

※ 設定で対応できるのかも?



他の保存形式とのサイズ比較


保存サイズ 】(編集なしで保存)

■ mht maff ファイル(1,087KB)(395KB)

  h06_65ss.png

 
■ mht maff ファイルを Firefox で表示
    ScrapBook で「ページを保存」(29個 333KB)

  peged05ss.png

 
■ Webページを ScrapBook で「ページを保存」(49個 408KB)

  peged04ss.png



maff ファイルとの比較


 
■ maff で保存すると スクリプトを含めた保存ができます(ある程度完全な?)

  h06_53s.png

■ maff(zip圧縮)を解凍すると..(395KB → 945KB)

  h06_56s.png

□ index_files フォルダ

  h06_57us.png
 

□ index.html をダブルクリックして IE で表示(解凍すればIEで表示できます)

  PE5s.png



■ ScrapBook で「ページを詳細に保存」
 
■ JavaScritpをチェック

h06_58ss.png

■ 63個 1.71MB になります。

h06_59s.png

■ maff で保存したページを Firefox で表示し、ScrapBook で「ページを詳細に保存」
    47個 1.75MB(なんでサイズが大きくなるの?)

h06_52ss.png




mhtファイルの問題点 】

・テキストファイルである
・オフラインでは再現性が落ちる


【mht(*.mht)で保存】

リンクや画像などの参照先が絶対パスになるのでオフラインでは見れない。


【Webページ、完全(*.htm,*.html)で保存】

htmlの他に画像やCSS、JSファイルなど付随するファイルを階層を保持したまま一緒に保存されるので、オフラインでも見れる。
ただし、完全に再現出来ないサイトもある。
リンクが絶対パスの場合はオフラインでは閲覧不可。


【Webページ、HTMLのみ(*.htm,*.html)で保存】

オフラインでもページ自体は閲覧可能だが、付随する画像やCSS、JSファイルやその他のバイナリファイルなどは一緒に保存されないので、
画像なし、テキストのみ、レイアウト崩れといったページになる。


 
90s.png
EcoMhtEd 2 で外部参照確認
 
    最近のやつは 問題ないのかも?




「名前を付けてページを保存」(MAF)との比較


 
■ Firefox の「名前を付けてページを保存」(MAF)との比較

■ MAF(Mozilla Archive Format)オプション

  savpm01s.png
完全な Web ページの保存:
 
○ ブラウザの標準機能を使う
○ "Save Complete"を使いスクリプトとソースを維持する(Firefox 19.0 使用×)
○ ページの忠実なスナップショットを取る
 
    □ 他のブラウザと完全に互換性のある MHTML ファイルを作成する

■ サイズ比較

  savpm04xsss.png


□ Firefox の「名前を付けてページを保存」(MAF使用)
 
・ブラウザの標準機能を使う
"Save Complete"を使いスクリプトとソースをを維持する
・ページの忠実なスナップショットを取る
 
・ブラウザの標準機能を使う
・他のブラウザと完全に互換性のある MHTML ファイルを...
maff 保存
maff 保存
maff 保存
 
mht 保存
mht 保存
385KB
2,028KB
318KB
 
1,036KB
640KB

 
□ 他
 
・Print Edit で(ブラウザの標準機能を使う) ○○○○○○○
・Print Edit で(ブラウザの標準機能を使う)
 
・ScrapBook で「ページを保存」(スクリプト保存なし)
・ScrapBook で「ページを詳細に保存」
maff 保存
mht 保存
 


395KB
1,087KB
 
333KB
1.75MB


 
■ 描画比較

・ブラウザの標準機能を使う [mht maff](△ 問題ないレベルですが)
"Save Complete"を使いスクリプトとソースを... [maff](○× ↓表示できない部分有)
・ページの忠実なスナップショットを取る [maff](○)
 
・他のブラウザと完全に互換性のある MHTML ファイルを作成する [mht](○)



■ スクリプト保存 ページの再現性 比較

・ブラウザの標準機能を使う [mht maff](ある程度完全にスクリプト保存)
"Save Complete"を使いスクリプトと...[maff](取り込みすぎて?表示できない部分有)
・ページの忠実なスナップショットを取る [maff](一部のスクリプトのみ保存)
 
・他のブラウザと完全に互換性のある MHTML ファイルを作成する [mht](同上)





□ ブラウザの標準機能を使う(maff mht ファイル)

  PE4s.png  iesht02s.png
 
○○○○○○○○○○○○○○▲ mhtファイルをIEで表示

□ ページの忠実なスナップショットを取る(maff ファイル)
他のブラウザと完全に互換性のある MHTML ファイルを作成する(mht ファイル)

  pgsto.png  iesht01s.png
 
○○○○○○○○○○○○○○▲ mhtファイルをIEで表示

"Save Complete"を使いスクリプトとソースを維持する(maff ファイル)

  Save Complete



IEで保存した mhtファイル


■ IEでページを mht で保存し IEで表示

  iesht05s.png

■ IEでページを mht で保存し Firefox で表示

  Save Complete

EcoMhtEd 2 で外部参照確認 すると「外部参照はありません」と出ますが、
    View Dependencies で依存関係を調べると..

  iesht06s.png

□ EcoMhtEd 2 で保存ファイル確認

▼ IEで mht 保存○○○○ ▼ Firefox で mht 保存
 
hhjufgfjs.png




関連記事
プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム