data URLをデコードしてWebデバッグする
該当する場合
インラインアセット付きのマークアップやレスポンスは、修正前にデコードして実体を確認します。
使うツール
Create or inspect data: URLs for text, HTML, SVG, and Base64 payloads.
Data URL Encode / Decode を開く →手順
- 1ペイロード区切りのカンマまで含めてdata URL全体をコピーする。
- 2デコードし、宣言されているMIMEタイプを確認する。
- 3デコードした本体をマークアップの他部分から切り離して見る。
- 4インラインアセットを直す場合のみ再エンコードする。
例
- メール内の壊れたSVG data URLを確認する。
- 実験パイプラインでBase64セグメントを検証する。
避けること
- コピペでペイロードが欠ける。
- data URLと素のBase64を混同する。
- Base64とBase64URLを混ぜる。
関連ツール
ブログで
開発者・データツール のその他
- JSON APIペイロードを素早くデバッグする
- APIと連携向けにCSVをJSONへ変換する
- YAMLとJSONの設定を正規化する
- URLクエリパラメータをテストして修正する
- JWTトークンを安全にデコードして確認する
- 実データサンプルで正規表現をテストする
すべてのタスクガイド または次の 開発者・データツール ハブ.
よくある質問
data URLはBase64と同じ？
Base64を含むことは多いですが、MIMEメタデータも持ちます。
巨大なペイロードは？
機微情報とツールの上限に注意してください。