devtools-playground - Standalone Devtools for prototyping & debugging

  •        3

Standalone Devtools for prototyping & debugging. It'll open Devtools and reload automatically on every file change.

https://github.com/asfktz/devtools-playground

Dependencies:

@std/esm : ^0.11.0
chokidar : ^1.7.0
electron : ~1.7.8
lodash : ^4.17.4
minimist : ^1.2.0
pkg-dir : ^2.0.0

Tags
Implementation
License
Platform

   




Related Projects

betwixt - :zap: Web Debugging Proxy based on Chrome DevTools Network panel.

  •    Javascript

Betwixt will help you analyze web traffic outside the browser using familiar Chrome DevTools interface. Download the latest release for your operating system, build your own bundle or run Betwixt from the source code.

inspect-process - πŸ” Dead simple debugging for node.js using chrome-devtools.

  •    Javascript

Dead simple debugging for node.js using chrome-devtools. Install this globally and you'll have access to the inspect command anywhere on your system.

devtron - An Electron DevTools Extension

  •    Javascript

An Electron DevTools extension to help you inspect, monitor, and debug your app. You should then see a Devtron tab added.

chrome-devtools-app - Chrome DevTools packaged as an app via Electron

  •    Javascript

Chrome DevTools packaged as an app using electron-prebuilt. This project is an exploration of how much work it would take to separate Chrome DevTools from Chrome itself and to explore what separation from the browser would bring to the table in terms of new functionality, etc.

debugger-protocol-viewer - DevTools Protocol API docs—its domains, methods, and events

  •    HTML

Explore the Chrome DevTools Protocol, its methods, events and basic documentation. We deploy to https://chromedevtools.github.io/devtools-protocol/ despite the source living here. The repo/branch layout is described here. Master branch of this repo is deployed every hour (on the 15 minute mark) via the devtools-protocol/scripts/update-n-publish-docs.sh script.


remotedebug-ios-webkit-adapter - Debug Safari and WebViews on iOS from tools like VS Code, Chrome DevTools, Mozilla Debugger

  •    TypeScript

RemoteDebug iOS WebKit Adapter is an protocol adapter that Safari and WebViews on iOS to be debugged from tools like VS Code, Chrome DevTools, Mozilla Debugger.html and other tools compatible with the Chrome Debugging Protocol. Before you use this adapter you need to make sure you have the latest version of iTunes installed, as we need a few libraries provided by iTunes to talk to the iOS devices.

ndb - ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools

  •    Javascript

Compatibility: ndb requires Node >=8.0.0. It works best with Node >=10. Installation: ndb depends on Puppeteer which downloads a recent version of Chromium (~170MB Mac, ~280MB Linux, ~280MB Win).

redux-devtools-inspector - Another Redux DevTools Monitor

  •    Javascript

A state monitor for Redux DevTools that provides a convenient way to inspect "real world" app states that could be complicated and deeply nested. Then you can render <DevTools> to any place inside app or even into a separate popup window.

headless-devtools - Lets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer

  •    Javascript

Lets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer. Chrome DevTools is great for getting valuable information about your app πŸ•΅οΈ‍♂️. Using headless-devtools you can automate this process πŸ€–. One use-case is to collect this data over time πŸ“ˆ, which can help you keep your app in good health πŸ‘©‍βš•οΈ.

serverless-chrome - 🌐 Run headless Chrome/Chromium on AWS Lambda (maybe Azure, & GCP later)

  •    Javascript

Serverless Chrome contains everything you need to get started running headless Chrome on AWS Lambda (possibly Azure and GCP Functions soon). Why? Because it's neat. It also opens up interesting possibilities for using the Chrome DevTools Protocol (and tools like Chromeless or Puppeteer) in serverless architectures and doing testing/CI, web-scraping, pre-rendering, etc.

meteor-devtools - ⚑Chrome Dev tools extension for Meteorjs apps

  •    Javascript

Meteor Devtools (MD) is an extension for Chrome Developer Tools that makes the process of developing Meteor apps even more enjoyable. It also allows you to look under the hood of existing applications and learn how they are built. MD includes a plugin framework and currrently comes with 3 plugins: DDP Monitor, Blaze Inspector and MiniMongo Explorer. You can install it from Chrome Web Store. Meteor Devtools Extension is made by Meteor loving folks at The Bakery. Blaze Inspector is inspired by React Devtools and uses Element highlighter from that project.

chromedp - A faster, simpler way to drive browsers supporting the Chrome DevTools Protocol.

  •    Go

Package chromedp is a faster, simpler way to drive browsers supporting the Chrome DevTools Protocol in Go using the without external dependencies (ie, Selenium, PhantomJS, etc). Please see the examples project for more examples. Please refer to the GoDoc API listing for a summary of the API and Actions.

hihat - :tophat: local Node/Browser development with Chrome DevTools

  •    Javascript

Runs a source file in a Chrome DevTools process. Saving the file will reload the tab.This is useful for locally unit testing browser code with the full range of Web APIs (WebGL, WebAudio, etc). It provides access to profiling, debugger statements, network requests, and so forth.

Augury - Angular Debugging and Visualization Tools

  •    Typescript

Augury is the most used Google Chrome Developer Tool extension for debugging and profiling Angular 2 applications. It helps Angular 2.0 developers visualize the application through component trees, and visual debugging tools. Developers get immediate insight into their application structure, change detection and performance characteristics.

ResourceInspector - A debug tool to inspect used layout files of current Activity.

  •    Java

A debug tool to inspect used layout files of current Activity. This tool is helpful when you want to find out layout xml files used in current Activity from a large amount of resource files. This tool depenends on the Stetho library. After you integrate this library to your project, you can open the Chrome's DevTools window (navigate to chrome://inspect for opening it) to inspect your current Activity.

devtools-frontend - The Chrome DevTools UI

  •    Javascript

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp. It is available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES2015 modules, so consuming this package in other tools may require some effort.

chromedp - Package chromedp is a faster, simpler way to drive browsers (Chrome, Edge, Safari, Android, etc) without external dependencies (ie, Selenium, PhantomJS, etc) using the Chrome Debugging Protocol

  •    Go

Package chromedp is a faster, simpler way to drive browsers in Go using the Chrome Debugging Protocol (for Chrome, Edge, Safari, etc) without external dependencies (ie, Selenium, PhantomJS, etc).NOTE: chromedp's API is currently unstable, and may change at a moments notice. There are likely extremely bad bugs lurking in this code. CAVEAT USER.