Mobile page Debugging Tool Debuggap

What is WebView?

WebView is a wirelessly used to display HTML text content, and HTML5 is well supported, and iOS controls are almost UIWebView. Can be simply understood as WebView is a browser built into the app, is a high-performance WebKit kernel browser, encapsulated in the SDK WebView components, by instantiating a WebView Java code can be seen, WebView built-in browser version is a machine-dependent version of the Android system:

WebView (this); Setcontentview (WebView);

Meet Debuggap

Official Address http://www.debuggap.com

DEBUGGAP can debug multiple devices at the same time. No matter what platform and browser, support a large number of mobile platforms, as long as the mobile platform support HTML5

• Quickly find elements.

* 当你的Web应用程序是很复杂时，如果你想找到一个特定的元素，如果使用“Insepct”功能，debuggap很快就会发现你的节点元素。

* 当你查看的元素，你可以使用盒映射来看它的位置，填充，边缘和大小;

• Chrome Integration

* DebugGap集成了chrome的调试。这意味着可以单步，观察变量等。它仅支持Android设备。

• Control Desk

Configure Debuggap

• Running Remote DEBUGGAP
  • Double-click the executable file "Debuggap" to run the app
  • Normally, debuggap can get IP auto set default port, if not, you can set it manually, for example 192.168.1.4:11111
  • Click the Connect button to start the listener for each type of user
• In the client configuration
  • Introduce debuggap.js into the Web project. (We recommend adding it before, including other JavaScript files)

<script src="Your debuggap.js file address " type="Text/javascript"></script> 

* 当您的Web应用程序加载，将在您的应用程序的一个蓝点* 发掘现场，一四片叶子的三叶草将显示* 点击“配置”页显示配置页。输入主机和端口应与那些在偏远的debuggap如192.168.1.4: 11111是相同的，然后点击“连接”按钮

• Remote DEBUGGAP will detect that customers and developers can click on each client Debug.

Attention

• Add Agent 192.168.1.4:11111 Network record all HTTP requests
• Check the HTML element (click on "Check" leaf four leaf clover, then click on the element you want to check)
• To use single-step debugging for Android, enable the USB Debugging development option

Mobile page Debugging Tool Debuggap