Blend 應用調試

2018-10-17 11:33 更新

下載運行環(huán)境

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

blendui.apk

Android

搭建線下調試環(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中

//例如應用的本地地址為“http://192.168.0.100/index.html”

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

溫馨提示:請確保移動端已連接到adb并與服務器處于一個網段

運行和調試應用

運行

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

調試

我們可以通過log方法來調試BlendUI應用方法如下:

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

iOS

下載iOS Project

iOS需要下載一個Xcode的工程,在工程中調試BlendUI應用,Xcode工程下載地址如下:

配置URl

將工程導入Xcode并在工程BlendUISDK目錄下找到BlendUI.m文件,并在找到下面的代碼

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

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

手機調試工具-weinre

移動端對于輕應用的調試可以使用weinre來調試手機的頁面,步驟如下:

(1)首先在需要調試的頁面加入以下代碼

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

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

(3)使用移動端訪問需要調試的頁面

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

weinre

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號