SYNCERのロゴ
アイキャッチ画像

Plugin.namedItem() - 名前からmime typeを取得する

namedItem()は、Pluginのメソッドです。プラグインに関連付けられているmime typeの1つを、名前から取得します。mime typeの名前は、MimeType.typeの値です。

概要

名前
namedItem
所属
Plugin
IDL
getter MimeType? namedItem(DOMString name);
仕様書
https://html.spec.whatwg.org/multipage/system-state.html#dom-plugin-nameditem

説明

引数(name)には、取得したいmime typeの名前を指定します。

チュートリアル

メソッドを利用してmime typeを取得する例です。

var pluginArray = navigator.plugins ;
var plugin = pluginArray[0] ;

plugin.namedItem( "hoge" ) ;	// "hoge"という名前のmime type
plugin.namedItem( "fuga" ) ;	// "fuga"という名前のmime type
plugin.namedItem( "piyo" ) ;	// "piyo"という名前のmime type

このメソッドは、下記の通り、ドット記法やブラケット記法で代用できます。特に理由がなければ、こちらを利用しましょう。

plugin.hoge ;	// "hoge"という名前のmime type
plugin.fuga ;	// "fuga"という名前のmime type
plugin.piyo ;	// "piyo"という名前のmime type

plugin["hoge"] ;	// "hoge"という名前のmime type
plugin["fuga"] ;	// "fuga"という名前のmime type
plugin["piyo"] ;	// "piyo"という名前のmime type

デモ

Plugin.namedItem()のデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
<style>
div#result {
	white-space: pre-wrap ;
	tab-size: 2 ;
}
</style>
</head>
<body>
<div id="result"></div>
<script>
var resultElement = document.getElementById( "result" ) ;
var pluginArray = navigator.plugins ;

resultElement.textContent = pluginArray + "\n\n" ;

for( var i=0,l=pluginArray.length; l>i; i++ ) {
	var plugin = pluginArray[i] ;
	console.log( plugin ) ;
	resultElement.textContent += "[" + i + "]" + plugin + "\n" ;
	resultElement.textContent += "\t" + "name: " + plugin.name + "\n" ;
	resultElement.textContent += "\t" + "filename: " + plugin.filename + "\n" ;
	resultElement.textContent += "\t" + "description: " + plugin.description + "\n" ;
	resultElement.textContent += "\t" + "length: " + plugin.length + "\n" ;

	for( var ii=0,ll=plugin.length; ll>ii; ii++ ) {
		var name = plugin[ii].type ;
		var mimeType = plugin.namedItem( name ) ;
//		var mimeType = plugin[name] ;
		resultElement.textContent += "\t\t" + 'namedItem( "' + name + '" ): ' + mimeType+ "\n" ;
		resultElement.textContent += "\t\t\t" + "type: " + mimeType.type+ "\n" ;
		resultElement.textContent += "\t\t\t" + "description: " + mimeType.description+ "\n" ;
		resultElement.textContent += "\t\t\t" + "suffixes: " + mimeType.suffixes+ "\n" + ( ii === ll-1 ? "\n" : "" ) ;
	}
}
</script>

</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
11+ 15+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月12日 (木)
コンテンツを公開しました。