Beispiel:JS-navigator-enabledPlugin.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name='viewport" content='width=device-width, initial-scale=1.0;" />
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
  <title>Beispiel: mimeTypes.enabledPlugin</title>
<script>
document.addEventListener("DOMContentLoaded", function() {
   const elem = document.getElementById('button');
   elem.addEventListener('click', PdfTest);
});
function PdfTest() {
    const mimeTyp = 'application/pdf',
	      ausgabe = document.getElementById('ausgabe');

	if (navigator.mimeTypes && navigator.mimeTypes.length > 0) {
		const mime = navigator.mimeTypes['application/pdf'];
		if (mime && mime.enabledPlugin) {
			const name = mime.enabledPlugin.name,
                  info = mime.enabledPlugin.description;
			ausgabe.textContent = 'Sie haben das Plugin '+name+' für '+info+' installiert.';
		}
		else {
		    ausgabe.textContent = 'Sie haben kein Plugin für '+mimetyp+' installiert';
		}
	}
	else {
		ausgabe.textContent = 'Sie haben kein Plugins für Mimetypen installiert';
	}
}
</script>
</head>
<body>
  <h1>Beispiel: mimeTypes.enabledPlugin</h1>
  
  <main>
    <p>Mit einem Klick auf den Button prüfen Sie, ob ein PDF Reader installiert ist.</p>
    <button type="button" id="button" >Los</button>
    <p id="ausgabe"></p>
  </main>
</body>
</html>