https://github.com/atk4/atkjs-chrome

Chrome extension for debugging ATK UI JavaScript
https://github.com/atk4/atkjs-chrome

Last synced: 2 months ago
JSON representation

Chrome extension for debugging ATK UI JavaScript

• Host: GitHub
• URL: https://github.com/atk4/atkjs-chrome
• Owner: atk4
• Created: 2018-12-12T21:19:09.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-18T13:20:16.000Z (over 6 years ago)
• Last Synced: 2024-12-29T11:29:21.736Z (4 months ago)
• Language: JavaScript
• Size: 2.69 MB
• Stars: 1
• Watchers: 7
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Agile Toolkit Extension for Chrome.

Help debuging javascript when using Agile Toolkit framework.

### Callback debug

The ATK develppper panel will properly formatted json response into readable code in order

to help debugging javascript action return by server.

![atk-panel](media/atk-panel.png)

### Plugin property content

This is a sidebar panel available when using the Element panel in Chrome. 

It will display jQuery data property of a selected element.

![atk-sidebar](media/atk-plugin-properties.png)

### Manual Installation

1. Clone this repo;

2. Open Chrome extension page;

    via Settings Extensions or type url: chrome://extensions.

3. Make sure "developer mode" is On in Extensions page;

4. Click "load unpacked extension", and choose `atkjs-chrome`.

### Usage

Atk Panel

1. Open the developer tools (View/Developer\Developer Tools);

2. Look for the ATK panel in developer tools window;

3. Fire callback request in your atk application.

Atk plugin properties side panel

1. Open the developer tools (View/Developer\Developer Tools);

2. Select the Element panel in developer tools window;

3. Look for Atk plugin Properties side panel;

4. Select an element at the Element panel and the Atk plugin properties panel will display jQuery data

set to this element.

### License

[MIT](http://opensource.org/licenses/MIT)