Kraken Devtools pub package

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

inspector/modules/css
inspector/modules/debugger
inspector/modules/dom
bridge/from_native
inspector/isolate_server
kraken_devtools
inspector/modules/log
inspector/module
inspector/modules/network
inspector/overlay
inspector/modules/overlay
inspector/modules/page
bridge/platform
inspector/modules/profiler
inspector/modules/runtime
inspector/ui_inspector