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スキーム]をチェックします。

 


Copyright (c) 2002-2011 Akiyoshi Kozuka (http://www.scriptbrowserk.com/)