https://github.com/andycall/legacy-kraken-devtools

https://github.com/andycall/legacy-kraken-devtools

Last synced: 23 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/andycall/legacy-kraken-devtools
• Owner: andycall
• License: apache-2.0
• Created: 2022-11-16T03:15:50.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-11-16T03:16:29.000Z (about 2 years ago)
• Last Synced: 2024-10-19T04:31:16.893Z (3 months ago)
• Language: C++
• Size: 3.15 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Kraken Devtools [![pub package](https://img.shields.io/pub/v/kraken_devtools.svg)](https://pub.dev/packages/kraken_devtools)

A kraken plugin which starting a service to provide Chrome DevTools support.

## Install

First, add `kraken_devtools` as a dependency in your pubspec.yaml file.

```dart

import 'package:kraken_devtools/kraken_devtools.dart';

Kraken kraken = Kraken(

  // ...

  devToolsService: ChromeDevToolsService(),

);

```

## How to use

When kraken app started, there will be logs printed in terminal like below.

```

flutter: Kraken DevTool listening at ws://127.0.0.1:9222

flutter: Open Chrome/Edge and paste following url to your navigator:

flutter:     devtools://devtools/bundled/inspector.html?ws=127.0.0.1:9222

```

Open Chrome/Edge and paste url started with 'devtools://' to your navigator.

## Features

**DOM inspector**

![image](https://user-images.githubusercontent.com/4409743/116355211-1dfbca00-a82c-11eb-8904-5839c14f5393.png)

**Console Panel**

![image](https://user-images.githubusercontent.com/4409743/116355389-5dc2b180-a82c-11eb-98e5-4bd9e7456904.png)

**JavaScript Debugger**

![image](https://user-images.githubusercontent.com/4409743/116355613-aaa68800-a82c-11eb-93f4-b2fcbcbbd0ba.png)