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.

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

Console Panel

image

JavaScript Debugger

image

Libraries

css
debugger
dom
from_native
isolate_server
kraken_devtools
log
module
network
overlay
overlay
page
platform
profiler
runtime
ui_inspector