Cordova | hoyo 學習紀錄

Android

安裝 Android Studio

安裝 Node.js

> npm install -g cordova

設定環境變數

ANDROID_HOME P:\Android\sdk
ANDROID_SDK_ROOT P:\Android\sdk

安裝 Gradle Build Tool

將 Gradle bin 目錄設定到 path 環境變數 (P:\Android\gradle-6.2.1\bin;P:\bin\adb;)

執行以下指令實際跑一次完整流程

> cordova create TestApp

> cd TestApp

> cordova platform add android

> cordova run android --device

—

安裝 plugin

1	cordova plugin add cordova-plugin-dialogs

HTML

var page = 1; // 從第一頁開始

</script>

<hr>

</div>

<hr>

</div>

JavaScript

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {

$(document).on('backbutton', function () {

// 如果不是在第一頁就切換頁面

if ( page >1 ){

changePage(page -1);

}

// 第一頁就顯示離開提示以及動作

else {

navigator.notification.confirm(

'Are you sure you want to quit?',

function (buttonIndex) {

if (buttonIndex === 1) {

navigator.app.exitApp();

}

'離開！？',

['是', '否']

);

}

});

}

// 切換頁面

function changePage(p){

page = p;

$('.page').hide();

$('#page'+p).show();

}

—

175 total views, no views today

hoyo 學習紀錄

PHP 網頁應用 IOT 物聯網自動化

Category Archives: Cordova

Cordova – 建立開發環境

Android

有可能發生的問題

Apple

Cordova – 實體返回按鍵整合