devtools

A kraken plugin which open a service to support Chrome DevTools for debugging.

Install

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

Kraken kraken = Kraken(
  bundlePath: 'https://kraken.oss-cn-hangzhou.aliyuncs.com/demo/fed.js',
  devToolsService: ChromeDevToolsService(),
);

How to use

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

flutter: Kraken DevTool listening at ws://172.20.10.2:9222
flutter: Open Chrome/Edge and paste following url to your navigator:
flutter:     devtools://devtools/bundled/inspector.html?ws=172.20.10.2: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