Lets you debug a Web App,uc browser on your PC to publish the Developer edition

Currently, using a browser to access a webpage on a mobile phone does not make it easy to debug the page language. Mobile phone screen is relatively small and inconvenient to operate, directly on the phone web data debugging is not very realistic.

As a result, UC uses technology to separate the debugging information from the mobile Web page, to implement a development tool--remote Inspector (RI) that can be used to debug small screens and low-profile mobile browsers on large screens and high-profile PCs.

Key Features

Android Platform UC Browser Developer Edition, mainly supports the following features:

• Dom View and modify
• JavaScript debugging, CSS debugging
• Network Status View
• Resource File View
• Console Console

preparatory workMobile phone side

Go to the UC official website Developer Center (website address), download the Android platform for the UC Browser developer version (ucbrowser_dev_ri.apk,), install to the phone.

PC-Side

PC and install Chrome or Safari on your PC (Chrome is recommended). Support Chrom

15–chrome 21, and Safari5.1.4 or later.

Download the ADB tool (Adb_tool.zip) to the PC.

Connect your phone to your PC

Android Platform UC Browser Developer Edition, remote debugging supports two modes of USB connection, Wi-Fi connection

Wi-Fi Connection mode

Wi-Fi mode, make sure the phone and PC are in the same wireless network segment.

USB connection Mode

USB connection mode requires an Android SDK development environment or the installation of ADB tools.

ADB installation reference on the Windows operating system

1. On the PC, download and install pea pods (Android phone assistant) via the network;
2. Turn on USB debug mode on your phone: settings > Applications > Development >USB Debugging
3. Connected to the phone and PC, if the PC without mobile phone driver, the pea pod will automatically download the driver and install;
4. Connect your phone to your PC and be identified by pea pods as a normal connection
5. Unzip the adb_tool.zip into the C:\WINDOWS\system32 directory
6. Start > Run > enter cmd.exe into Windows Command Prompt window, enter adb, if no error prompt, and can see "Android Debug Bridge version 1.0.26" Prompt, it indicates the ADB installation success

Port mapping via ADB command after setting up an Android SDK development environment or installing ADB tools

Run in Windows Command Prompt window (cmd.exe): adb forward tcp:9998 tcp:9998

Debug mode

Launch the UC Browser developer version on your phone and open the page you want to debug.

Open Chrome or Safari on your PC

If Wi-Fi connection mode, then enter in the Address bar: Phone ip+:9998

example, the cell phone IP is 192.168.112.244, then enter 192.168.112.244:9998

At this point, the UC Browser developer version of the phone will pop up a dialog box, as follows:

Select OK to allow debugging.

In the case of USB connection mode, type in the Address bar: http://localhost:9998

Once you have successfully accessed the URL, you will see the Open index page for the UC Browser developer version:

Next, click on any page you want to debug to debug. The debugging method is similar to the debugging method for Chrome or Safari developer Tools on your PC. Take the UC product download station as an example and click on the Debug page:

When a Web page of the UC browser developer is debugged by a remote browser, the system notification bar displays the wrench icon, prompting the UC browser-debug mode to open, indicating that the current phone page is in the debug state.

All the work is ready and then you can go into the commissioning phase.

Debugging the specific way what is not detailed, you can directly to download my, I will map a few bar!

Related downloads:

• User's manual for UC Browser Developer Edition (Android platform-word)
• User's manual for UC Browser Developer Edition (Android platform-pdf)