STAND ON THE SHOULDERS OF GIANTS Community Run easily and debug powerfully
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.2.2

    • Add Parameter Prompt of function for Javascript and PHP
    • Optimize Engine for Javascript and PHP
    • Add Editor Setting
    • Fix bugs
  • v4.1.0

    • Add Language Package
    • Optimize Prompt Engine
    • Extend More Shortcuts
  • v4.0.0

    • Adding Web IDE(supporting HTML,CSS,Javascript,PHP,Shell,Pathon,SQL,etc.)
  • v3.0.0

    • Support to debug IE in Windows Phone
    • Refactor DebugGap
  • v2.4.4

    • Support Media Query to inspect element
    • Fix issue for detecting several Android devices
  • v2.4.3

    • Support to remove/add/toggle css and class properties for inspecting element
    • Fix several bugs
  • v2.4.2

    • Support to debug different sites in the same webview
    • Fix several bugs
  • v2.4.1

    • Add css prompt when editing element style
    • Fix webview debug issue
  • v2.4.0

    • Debug webview which doesn't support WebSocket
    • Improve performance for remote service
    • Fix several bugs
  • v2.3.1

    • Improve upon Console functionality
    • Fix several issues
  • v2.3.0

    • Inspect instantly in Element page
    • Add remote inspection
    • Refactor Console functionality which could inspect Array,Object and Dom
  • v2.2.0

    • Refactor debuggap client
    • Add console prompt dialog
    • Add tips for DebugGap upgrade
    • Detect Android devices automatically
  • v2.1.1

    • Optimize console prompt
    • Support single-step debug for Android webview
    • Add DebugGap version stamp
    • Fix several issues
  • v2.1.0

    • Add Google Search
  • v2.0.0

    • Deliver DebugGap remote
  • v1.0.0

    • Deliver DebugGap client --debuggap.js

Introduction

  • Run on Windows, Linux and Mac without setup process
  • Support all kinds of platforms(Android,IOS,WebOS,BlackBerry,Firefox OS,Windows Phone and so on)
  • Support all the HTML5 frameworks(e.g phonegap) and browsers
  • Support to inspect the element quickly in the node tree
  • Debug lots of devices at the same time
  • Support single-step debug ,watch variables and so on for Android devices

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

  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>