STAND ON THE SHOULDERS OF GIANTS Community
Example
Showcase
here are the images
x

Windows

v2.0.0

Download

Linux

v2.0.0

32 bits64 bits

Mac

v2.0.0

download

Release Information

  • v4.4.0

    • Optimize Coding Fluency
    • Add Several functionalities
    • Fix bugs

Introduction

  • Run on Windows, Linux and Mac without setup process.
  • Support to develop HTML,Javascript,CSS,PHP,etc.
  • Support to debug webview in the different platforms.

Installation

  1. Step 1: Download the DebugGap package for Windows version.
  2. Step 2: Unzip the package to specified directory.
  1. Step 1: Download the DebugGap package for Linux version.
  2. Step 2: Unzip the package to specified directory.
  3. Step 3: Add the permission sudo chmod 777 -Rf ./DebugGap-x.x.x
  1. Step 1: Download the DebugGap package for Mac version.
  2. Step 2: Unzip the package to specified directory.

Getting Started for Debugging H5

  1. Run remote DebugGap
    1. Double-click the executable file 'DebugGap' to run the application
    2. Normally,DebugGap can get IP automatically and set the default port,if not,you can set it manually
      e.g 192.168.1.4:11111
    3. Click 'Connect' button to start the listener for all kinds of clients
  2. Configuration on the client
    1. Include debuggap.js in your web project. (We recommend that add it before including other javascript files)
      <script src="debuggap.js" type="text/javascript"></script>
    2. When your web application has loaded,there will be one blue spot in your application
    3. Tap the spot,one four-leaf clover will show up
    4. Tap the 'Config' leaf to display the config page. Enter the host and port which should be the same with those on the remote DebugGap e.g 192.168.1.4:11111 ,then tap the 'Connect' button
  3. Remote DebugGap will detect the coming client and developer can click every client to debug.

Skills

  1. Using 'Mark Active Line' button to mark the line what you want to go
  2. Using 'Ctrl/Command+Click' to find the definitation
  1. Inspect the element ( tap 'Inspect' leaf on the four-leaf clover, then tap the element which you want to inspect )
  2. In order to use single-step debug for android, please enable USB debugging in Developer options
  3. Instead of entering remote address,you can include debuggap.js such like
    <script src="debuggap.js?192.168.1.4:11111" type="text/javascript"></script>