下載運行環(huán)境

下載blendui.apk并安裝到Android移動端上，下載地址如下：

Android

搭建線下調(diào)試環(huán)境

通過下面的鏈接下載Android開發(fā)工具：

http://developer.android.com/sdk/index.html

安裝完成后將SDK包中的platform-tools adb工具添加到系統(tǒng)的環(huán)境變量中以便在下一步中配置URL到APK中。

配置URL到APK

將Android的端連接到adb,并使用下面的命令將URL配置到blend.apk中

//例如應(yīng)用的本地地址為“http://192.168.0.100/index.html”

adb shell "echo "http://192.168.0.100/index.html" > /sdcard/blend/url.conf"

溫馨提示：請確保移動端已連接到adb并與服務(wù)器處于一個網(wǎng)段

運行和調(diào)試應(yīng)用

運行

配置完成后，重新啟動安裝的blendui app（通過安裝blend.apk的應(yīng)用）即可看到上一步配置的URL應(yīng)用。

調(diào)試

我們可以通過log方法來調(diào)試BlendUI應(yīng)用方法如下：

打開所下載的eclipse并切換到logcat面板查看日志，在js中使用console.log，console.error來打印log，這些log會顯示在eclipse的logcat面板中。

iOS

下載iOS Project

iOS需要下載一個Xcode的工程，在工程中調(diào)試BlendUI應(yīng)用，Xcode工程下載地址如下：

配置URl

將工程導(dǎo)入Xcode并在工程BlendUISDK目錄下找到BlendUI.m文件，并在找到下面的代碼

- (void)loadAppHomePage
{
    [self loadUrlString: @"http://www.baidu.com/"];
}

將自己應(yīng)用的首頁地址替換@"http://www.baidu.com/"即可

手機調(diào)試工具-weinre

移動端對于輕應(yīng)用的調(diào)試可以使用weinre來調(diào)試手機的頁面，步驟如下：

（1）首先在需要調(diào)試的頁面加入以下代碼

<script src="http://weinre123.duapp.com/target/target-script-min.js"></script>

（2）使用瀏覽器訪問http://weinre123.duapp.com/，填入你本機的IP并點擊調(diào)試一下，保持頁面

（3）使用移動端訪問需要調(diào)試的頁面

（4）回到http://weinre123.duapp.com/即可看到下面的頁面