眾所周知，PhoneGap是一個開源的移動開發(fā)框架，它使開發(fā)人員能夠使用JavaScript，HTML5和CSS3來創(chuàng)建移動設(shè)備應(yīng)用程序，而不是設(shè)備特定的語言，如C＃或Objective-C。今天慧都就為大家介紹一下，如何使用PhoneGap來打造微軟的兩個新平臺——Windows8和Windows Phone8的應(yīng)用程序。

PhoneGap為Win8應(yīng)用程序帶來的價值

　　Windows 8 APP的設(shè)計和編寫可以使用HTML，CSS和JavaScript， PhoneGap的APP也可以。PhoneGap和Windows 8應(yīng)用程序的開發(fā)是非常類似的。開發(fā)者現(xiàn)有的開發(fā)技術(shù)，資源，還有現(xiàn)有的純HTML / CSS和JavaScript代碼都可以運用到Windows8應(yīng)用程序中。

創(chuàng)建步驟

1、下載PhoneGap

2、創(chuàng)建新的JavaScript項目

3、 添加“cordova-2.x.js”這個JavaScript文件到你的js文件夾。 （在\ LIB \ windows8里面）

4、將 default.html更改為index.html

5、在index.html頁面引用cordova-2.x.js文件

6、添加“deviceready”處理程序

PhoneGap 與WinJS

　　PhoneGap和WinJS之間的主要區(qū)別是在API中，當你需要訪問一些設(shè)備資源，你需要使用不同的API。例如，在Cordova中創(chuàng)建地理定位，你需要使用navigator.geolocation.getCurrentPosition(…)函數(shù)。在WinJS庫中，你需要創(chuàng)建一個定位器：var geolocator = Windows.Devices.Geolocation.Geolocator()，然后再調(diào)用geolocator.getGeopositionAsync().。

使用PhoneGap的showLocation功能

function showLocation() {
      navigator.geolocation.getCurrentPosition(function (location) {
          $("#locationResult").innerHTML = "Latitude: <strong>" + location.coords.latitude + "</strong><br/>Longitude: <strong>" + location.coords.longitude + "</strong>";
     }, function (err) {
         $("#locationResult").textContent = "Error getting location";
      }, { timeout: 30000, enableHighAccuracy: true });
}

使用WinJS實現(xiàn)同樣的功能

function showLocation() {
  
      var geolocator = Windows.Devices.Geolocation.Geolocator();
      geolocator.desiredAccuracy = Windows.Devices.Geolocation.PositionAccuracy.high;
      geolocator.getGeopositionAsync().then(getCurPosHandler, errHandler);
  }

總結(jié)　　

　　使用PhoneGap創(chuàng)建Windows8應(yīng)用程序其實非常容易，其最大的優(yōu)勢在于創(chuàng)建不同平臺的應(yīng)用程序時，無需重新編譯原來的HTML和JavaScript代碼。讓使用PhoneGap開發(fā)的Windows 8應(yīng)用，可以無需重寫JavaScript代碼便可實現(xiàn)對其他平臺的移植。