2011年4月17日日曜日

機種判定用のAPI

Droidgetへ組み込む方法


src/config.xml

<?xml version="1.0" encoding="UTF-8"?>
<widget id="UAAgent_1281148337204" version="1.0" width="300" height="200">
<content src="index.html" type="text/html"/>
<name>Detect Browser</name>
<description></description>
<author url="http://example.com"></author>
<icon src="icon.png"/>
<access uri="http://droidget.com" subdomains="true" />
<license></license>
</widget>

src/index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Detect Browser</title>
<script type="text/javascript"
src="http://developer.droidget.com/api/Droidget5.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<input type="button" id="formBtn" value="Get Browser Info"
onclick="getVersion()"/>
</body>
</html>

src/js/script.js


function getVersion(){

// the instance of DetectBrowser API
var mDetectBrowser = new DetectBrowser();

// Parsing the user agent
mDetectBrowser.parseUserAgent();

// show alert
alert("BrowserName:" + mDetectBrowser.getBrowserName());
alert("BrowserVersion:" + mDetectBrowser.getBrowserVersion());
alert("OSName:" + mDetectBrowser.getOsName());
alert("DeviceName:" + mDetectBrowser.getDeviceName());
alert("PlatformName:" + mDetectBrowser.getPlatformName());
alert("PlatformVersion:" + mDetectBrowser.getPlatformVersion());
alert("Locale:" + mDetectBrowser.getLocale());
alert("WebruntimeName:" + mDetectBrowser.getWebruntimeName());
alert("WebruntimeVersion:" + mDetectBrowser.getWebruntimeVersion());
alert("ProductName:" + mDetectBrowser.getProductName());
alert("ProductVersion:" + mDetectBrowser.getProductVersion());
alert("SafariVersion:" + mDetectBrowser.getSafariVersion());
}

DetectBrowserクラス

パッケージ名: Droidget5 API
用途: スマートフォンのブラウザ情報を取得するクラスです。

使用例)

<script type="text/javascript"
src="http://developer.droidget.com/api/Droidget5.js"></script>
で読み込み

// the instance of DetectBrowser API
var mDetectBrowser = new DetectBrowser();

// Parsing the user agent
mDetectBrowser.parseUserAgent();

// show alert
alert("BrowserName:" + mDetectBrowser.getBrowserName());
のようにして使用します。

parseUserAgent()

返り値: void
用途: UserAgentをParsingします。


getBrowserName()

返り値: String
用途: Browser名を取得します。


getBrowserVersion()

返り値: String
用途: Browserバージョンを取得します。


getOsName()


返り値: String
用途: OS名を取得します。


getPlatformName()

返り値: String
Platform名を取得します。


getPlatformVersion()


返り値: String
用途: Platformのバージョンを取得します。


getLocale()


返り値: String
用途: Localeを取得します。


getDeviceName()


返り値: String
用途: デバイス名を取得します。


getWebruntimeName()


返り値: String
用途: Webコンポーネント名を取得します。


getWebruntimeVersion()


返り値: String
用途: Webコンポーネントのバージョンを取得します。


getProductName()


返り値: String
用途: Browserのプロダクト名を取得します。


getProductVersion()

返り値: String
用途: Browserのプロダクトのバージョンを取得します。


getSafariVersion()


返り値: String
用途: Safariバージョンを取得します。


参考情報


Symbian Web Browser versions and device support
http://library.forum.nokia.com/index.jsp?topic=/Web_Developers_Library/GUID-D5C6212A-5EF2-44BF-B1F0-650A5F57D501.html

Supporting BlackBerry Widgets on BlackBerry 6
http://devblog.blackberry.com/2010/08/blackberry-6-widgets/

The Great WebKit Comparison Table
http://quirksmode.org/webkit.html

IE for Windows Phone Team Weblog
http://blogs.msdn.com/b/iemobile/

0 件のコメント:

コメントを投稿