0

Chrome がブラウジング セッションを記録するために使用するHARファイルを調べていました。WebInspectorで作成しました。

私のセッションでは、画像ファイルとは何だろうと思いました。どうやらそれらをテキストとしてダウンロードします...次のように記録されたPNGが1つあります。

"content": {
            "size": 633,
            "mimeType": "image/png",
            "compression": 0,
            "text": "iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAwFBMVEUAAAD//vn/6qj/8cX/4nv/4Gj/3Fb/2Ub/+/H/+OP/5oz0nnjxg1DthDn9wxf+zA3/ywL+yAn/89LoYkjiUzzeWif+7sj8yWvaQS7wtpj9ylf1uSr/1Tj+zjz+yUn90Ibrdz/9viT+2WL/0yz8v1bTMR7mehLEuVhUruWdsJv1rQjnwStiuOtlx/9Vwv9Jvv9uyv//0Rn/7riEv8o/u/+zuXhZtetnrMs9wf9x0f9SuPib2vnM7f/y+v/4z3h61P9T93Q2AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAADjSURBVBjTLdDtcoIwEEBRDAmB1AYiWlCCLVBE/EgUsRW18v5v1Q26P8/c3ZnEsqwRQjYmDqXUca3neAy/jd+5HwTCHmDkTfA4DKczAcQ+TIcYi0Cm8XxixgNiGC+A4jiRMl0uPg0RQr9AZrDHsyR6kpOHEBVFmi6/TUUkLei8XEFUrdd1DeQU1HdQuQnEdrdX+gBEj9Jv8lIIkZxeRChpkL8RnGcnpVpDDUK5qHZnntQ/Srd7c+so4crhXP0qpfSlA3JtxOHK9Qqgb/e/4ZV2ltWm0O3l/voJ9xE9bn3fd103NP/JehnXpgX3BAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMi0wMy0xNFQxNTo0MTo0OS0wNTowMIuGhf0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMTItMjJUMTM6NDI6NDctMDY6MDBvXc3SAAAAAElFTkSuQmCC"
          }

PNGファイルを見たいのでnano test.png、テキストを入力してファイルに保存しましたiVBOR... Chromeで画像を開くと、壊れた画像が表示されました-実際には何もありません。

この方法で PNG ファイルを再構築するための追加の手順はありますか?

同じファイルによると、元の URL はhttp://i.stack.imgur.com/XDJKz.pngで、画像は

4

2 に答える 2

3

そのtext部分はBase64でエンコードされた画像データです。

Alexander O'Mara が示した方法を使用して実際に png ファイルに変換するのではなく、ブラウザーで表示したいだけの場合は、データ URI スキームを次のようにコピーしtextて使用できます。

<html><head><title></title></head>
<body>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAwFBMVEUAAAD//vn/6qj/8cX/4nv/4Gj/3Fb/2Ub/+/H/+OP/5oz0nnjxg1DthDn9wxf+zA3/ywL+yAn/89LoYkjiUzzeWif+7sj8yWvaQS7wtpj9ylf1uSr/1Tj+zjz+yUn90Ibrdz/9viT+2WL/0yz8v1bTMR7mehLEuVhUruWdsJv1rQjnwStiuOtlx/9Vwv9Jvv9uyv//0Rn/7riEv8o/u/+zuXhZtetnrMs9wf9x0f9SuPib2vnM7f/y+v/4z3h61P9T93Q2AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAADjSURBVBjTLdDtcoIwEEBRDAmB1AYiWlCCLVBE/EgUsRW18v5v1Q26P8/c3ZnEsqwRQjYmDqXUca3neAy/jd+5HwTCHmDkTfA4DKczAcQ+TIcYi0Cm8XxixgNiGC+A4jiRMl0uPg0RQr9AZrDHsyR6kpOHEBVFmi6/TUUkLei8XEFUrdd1DeQU1HdQuQnEdrdX+gBEj9Jv8lIIkZxeRChpkL8RnGcnpVpDDUK5qHZnntQ/Srd7c+so4crhXP0qpfSlA3JtxOHK9Qqgb/e/4ZV2ltWm0O3l/voJ9xE9bn3fd103NP/JehnXpgX3BAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMi0wMy0xNFQxNTo0MTo0OS0wNTowMIuGhf0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMTItMjJUMTM6NDI6NDctMDY6MDBvXc3SAAAAAElFTkSuQmCC" alt="">
</body>
</html>

于 2014-11-05T19:47:39.713 に答える
1

text文字列はBase64でエンコードされた画像です。文字列の内容をテキストファイルに入れると、そのようになります。

text.txt

iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAwFBMVEUAAAD//vn/6qj/8cX/4nv/4Gj/3Fb/2Ub/+/H/+OP/5oz0nnjxg1DthDn9wxf+zA3/ywL+yAn/89LoYkjiUzzeWif+7sj8yWvaQS7wtpj9ylf1uSr/1Tj+zjz+yUn90Ibrdz/9viT+2WL/0yz8v1bTMR7mehLEuVhUruWdsJv1rQjnwStiuOtlx/9Vwv9Jvv9uyv//0Rn/7riEv8o/u/+zuXhZtetnrMs9wf9x0f9SuPib2vnM7f/y+v/4z3h61P9T93Q2AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAADjSURBVBjTLdDtcoIwEEBRDAmB1AYiWlCCLVBE/EgUsRW18v5v1Q26P8/c3ZnEsqwRQjYmDqXUca3neAy/jd+5HwTCHmDkTfA4DKczAcQ+TIcYi0Cm8XxixgNiGC+A4jiRMl0uPg0RQr9AZrDHsyR6kpOHEBVFmi6/TUUkLei8XEFUrdd1DeQU1HdQuQnEdrdX+gBEj9Jv8lIIkZxeRChpkL8RnGcnpVpDDUK5qHZnntQ/Srd7c+so4crhXP0qpfSlA3JtxOHK9Qqgb/e/4ZV2ltWm0O3l/voJ9xE9bn3fd103NP/JehnXpgX3BAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMi0wMy0xNFQxNTo0MTo0OS0wNTowMIuGhf0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMTItMjJUMTM6NDI6NDctMDY6MDBvXc3SAAAAAElFTkSuQmCC

このようにコマンドラインからデコードできます。

base64 -D text.txt > decoded.png

デコードされた PNG は、リンクしたものと同じです。

于 2014-11-05T19:41:37.523 に答える