Safariのバージョンは確認する方法がありませんでした。
そこで、調べてみたところ、userAgentから確認することがわかりました。
safari及びiosのバージョンを確認するプログラムをjavaScriptで作成しましたので、紹介します。
１、HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>TypeScript HTML App</title>
<link rel="stylesheet" href="app.css" type="text/css" />
<script src="app.js"></script>
</head>
<body>
<h1 id="htitle">Safariバージョン情報 :</h1>
<div id="content"></div>
<hr />
<div id="content2"></div>
</body>
</html>
２、JavaScript
Safariの場合は、バージョンを表示して、それ以外のブラウザは、userAgentの内容を表示します。
window.onload = () => {
var el = document.getElementById('content');
var userAgent : string = window.navigator.userAgent.toString();
if (userAgent.indexOf("Safari") == -1) {
var title = document.getElementById('htitle');
title.innerHTML = "UserAgent情報 : " ;
el.innerHTML = userAgent;
return;
}
var index: number = userAgent.indexOf("Version");
var sp: number = 0;
if (index != 0) sp = index - 1;
var info: string = userAgent.slice(sp, userAgent.length - 1);
el.innerHTML = info;
var res = userAgent.match(/iPhone OS (\w+){1,3}/g);
if (res == null) return;
var el2 = document.getElementById('content2');
var osVar = (RegExp.$1.replace(/_/g, '') + '00').slice(0, 3);
el2.innerHTML = "ios 情報 :" + osVar;
};
【参考URL】
http://sbapp.net/appnews/app/upinfo/safari-17-26173
http://blog.lunatic-code.net/webdesign/javascript/658/
http://code.agnist.jp/iphone/574
0 件のコメント:
コメントを投稿