« Tizen端末と出会えるのはいつの日か | トップページ | 【Tizen】プロジェクト中止の噂が流れる中、SDK2.2がリリース! »

2013年7月 4日 (木)

【Tizen】ブラウザを起動する

Tizenの場合、<a>タグを使えば簡単にブラウザを起動できるのですが、

場合によってはJavascriptからブラウザを起動したい場合もあるのかと思い、

その方法を書き残しておくことにしました。

 

なお、アプリ起動に使用するAPIは、

【Tizen】メールアプリの新規作成画面を起動する」にて概ね記載したので、

今回はざっくりサンプルコードを貼り付けるだけにします。

 

●config.xml
※config.xmlのprivilegeに、下記のように"http://tizen.org/privilege/application.launch"を追加しないとアプリ起動APIが使用できません

<?xml version="1.0" encoding="UTF-8"?>

<widget xmlns:tizen="http://tizen.org/ns/widgets" xmlns="http://www.w3.org/ns/widgets" id="http://yourdomain/startBrowzerApp" version="1.0.0" viewmodes="maximized">

    <tizen:application id="IhPtZHIZOO" required_version="1.0"/>

    <content src="index.html"/>

    <icon src="icon.png"/>

    <name>メールアプリ起動元アプリ</name>

    <tizen:privilege name="http://tizen.org/privilege/tizen"/>

    <tizen:privilege name="http://tizen.org/privilege/application.kill"/>

    <tizen:privilege name="http://tizen.org/privilege/application.launch"/>

</widget>

●index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta name="description" content="A Tizen Web UI FW single-page template generated by Tizen Web IDE"/>
    <title>メールアプリ起動元アプリ</title>

    <script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
    <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
    <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
        data-framework-theme="tizen-white"></script>

    <script type="text/javascript" src="./js/main.js"></script>
    <script type="text/javascript" src="./js/startBrowzerApp.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
</head>

<body>
    <div data-role="page">
        <div data-role="header" data-position="fixed">
            <h1>ブラウザアプリ起動元サンプルアプリ </h1>
        </div><!-- /header -->

        <div data-role="content">
            <div data-role="button" onclick="javascript:startBrowzerApp()">ブラウザアプリ起動</div>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">
            <h4>Footer content</h4>
        </div><!-- /footer -->
    </div><!-- /page -->
</body>
</html>

●startBrowzerApp.js(jsフォルダに追加したファイル)

// ブラウザアプリを起動する
function startBrowzerApp() {

/*
  * 第一引数には、
  * "http://tizen.org/appcontrol/operation/view"を、
  * 第二引数には、
  * ブラウザで表示したいウェブサイトのURLを指定する。
  */
var appControl = new tizen.ApplicationControl(
    "http://tizen.org/appcontrol/operation/view", // 第1引数は左記の値で固定
    "http://sora-mameo.cocolog-nifty.com/blog/", // 第2引数はブラウザで表示したいURLを指定
    null,
    null,
    null
);

// ブラウザアプリを起動
tizen.application.launchAppControl(
    appControl,
    null,
    onSuccess,
    onError,
    null);

}

// アプリ起動成功時に呼ばれるコールバック
function onSuccess() {
     console.log("start browzer app succeed");
}

// アプリ起動失敗時に呼ばれるコールバック
function onError(e) {
     console.log("start browzer app failed. message: " + e + " : " + e.message);
}

« Tizen端末と出会えるのはいつの日か | トップページ | 【Tizen】プロジェクト中止の噂が流れる中、SDK2.2がリリース! »

Tizen」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1882306/52301137

この記事へのトラックバック一覧です: 【Tizen】ブラウザを起動する:

« Tizen端末と出会えるのはいつの日か | トップページ | 【Tizen】プロジェクト中止の噂が流れる中、SDK2.2がリリース! »

購入


無料ブログはココログ