Dataスキーム (拡張機能)
目次
1.概要
※ Internet Explorer 8.0 では、Data スキームが標準でサポートされました。それに伴い、Internet Explorer 8.0 以降の環境ではこの拡張機能は廃止されました。
この拡張機能を有効にすると Data スキームを利用可能になります。
Dataスキームを使用すると、コンテンツの内容をURLの中に組み込むことができます。
例えば、ScriptBrowserK で下記の URL をアドレスバーにコピーして開いてみてください。赤丸ボタンの画像が表示されると思います。
data:image/gif;base64,R0lGODlhDQANALMAAAAAAJwAOa0AOecAQmtjY/8AUv8AWoRzc/8pWvcxY/9jrcbGxv+czv///wD//////yH5BAEAAAsALAAAAAANAA0AAAVQ4CIuyZCM6KIU7BAEaYIga+HCY8EwDTK4AIKItWvYbgDRgIVoDQSvA2l5HBAUUeXPpGAUAgTh4vVMeF9iUQDwYgelKIIbTICnDvi6PcVfhAAAOw
2.Data スキームの仕様
Data スキームの仕様については、下記の参考リンクを参照してください。
※The "data" URL scheme [RFC 2397]
3.制限事項
Internet Explorer では URL に使用可能な文字数に制限があるので注意が必要です。
※[IE] URL に使用可能な文字数は最大 2,083 文字
アドレスバーにDataスキームを直接入力した場合、2,083 文字以下でも上手く表示されない場合があるので注意が必要です。
4.データスキーム用URLを作成するのに便利なサイト
下記のサイトでは、画像の URL から Data スキームの URL を自動的に作成してくれます。
[JavaScript] dataスキームURI生成(画像データのBase64変換)
http://www.kawa.net/works/js/data-scheme/base64.html
5.Data スキームの例
Dataスキームを HTML 内で使用する例は、下記のURLのWebページのソースを参照してください。
http://www.scriptbrowserk.com/DataSchmSample.html
6.この機能を有効にするには
[ScriptBrowserKオプション]-[拡張機能]ページで、[Dataスキーム]をチェックします。