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.

chrome app dev tools nodemon browser window chromium blink webgl test testing node mon monitor live reload local development reloading hot fast rapid

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.

chrome-devtools protocol-adapter remotedebug devtools ios safari debugger

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.

chrome-debugging-protocol chrome-devtools

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.

serverless serverless-framework aws aws-lambda chrome headless-chrome chrome-debugging-protocol lambda chromium headless-chromium serverless-plugin serverless-functions chrome-devtools-protocol serverless-examples headless

node-webkit-agent - NodeJS agent for WebKit devtools front-end

•    Javascript

---

This module is an implementation of Chrome developer tools protocol. It is still pretty much a work in progress and only heap and CPU profilers are working right now. Help is wanted to finish implementing debugger, networking and console agents as well as a implementing from scratch a flamegraphs agent. This module allows you to debug and profile remotely your nodejs applications leveraging the following features by re-using the built-in devtools front-end that comes with any webkit-based browsers such as Chrome or Safari.

devtools agent webkit debugger profiler remote v8

awesome-chrome-devtools - Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem

•    Javascript

---

Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem

chrome devtools

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 👩‍⚕️.

devtools-docs - The legacy documentation for Chrome DevTools.

•    HTML

---

You're looking at the previous home of the official Chrome DevTools documentation on developer.chrome.com (aka "DCC"). Head over to the new DevTools homepage for updated docs and tutorials and contribute by submitting pull requests to the WebFundamentals repository.

chrome-devtools devtools-documentation

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.

cljs-devtools - A collection of Chrome DevTools enhancements for ClojureScript developers

•    Clojure

---

A collection of Chrome DevTools enhancements for ClojureScript developers

chrome-devtools clojurescript clojurescript-developers devtools

devtools-remote - Debug your browser tabs remotely via Chrome DevTools

•    CSS

---

Debug your user's browser remotely via Chrome DevTools. DevTools Remote enables you to share access to a browser tab, so it can be debugged remotely via Chrome DevTools.

dirac - A Chrome DevTools fork for ClojureScript developers

•    Javascript

---

Dirac is a Chrome DevTools fork with extra features for ClojureScript developers.

chrome-devtools clojurescript-repl chrome-extension dirac-devtools clojurescript

apollo-client-devtools - :christmas_tree: Chrome extension for Apollo Client developer tools

•    Javascript

---

This repository contains the Apollo Client Devtools Chrome extension.If you are running Apollo Client 2.0, the dev tools require at least apollo-client@2.0.0-rc.2 and react-apollo@2.0.0-beta.0.

apollo-client chrome-extension devtools graphql graphiql apollo-client-devtools

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.

capture-traffic proxy electron chrome-devtools mitm traffic devtools

devtools-author - A selection of author settings for Chrome Developer Tools.

•    CSS

---

A selection of author settings for Chrome Developer Tools. After restarting DevTools, you should see the default theme 3024 take affect within the Sources and Console panels.

chrome devtools devtools-themes themes author editor

WebVR-Extension - Chrome DevTools extension to emulate WebVR API

•    Javascript

---

Chrome DevTools extension that enables users and developers to run WebVR 1.0 content without having a supported HMD headset or even a compatible browser/platform. It currently emulates an HTC Vive. It can also help develop even if one owns an HMD, by making repetitive actions that require putting the HMD on and off easier to check through the DevTools panel.

chrome-devtools-extension webvr hmd emulation

code-snippets - Chrome DevTools code snippets

•    Javascript

---

Read Code Snippets tutorial, Performance profiling using DevTools code snippets and How to improve Angular application performance using code snippets. Note: code snippets do NOT have access to the full console API, for example no access to console.monitor.

chrome-devtools snippets chrome code devtools exploratory mock test testing

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.

meteor ddp

chrome-devtools-autosave - Auto-saving CSS and JavaScript changes from the Chrome Developer Tools

•    Javascript

---

Chrome DevTools Autosave consists of a Chrome extension and a server. The extension pushes changed files to the server. The server resolves URL of these files and overwrites the old ones with the new ones. Open example/index.html locally (using file:// scheme). Edit some CSS and JS. That’s it. Files have been saved.

chrome-devtools chrome-extension

node-inspector - Node.js debugger based on Blink Developer Tools

•    Javascript

---

Node Inspector is a debugger interface for Node.js applications that uses the Blink Developer Tools (formerly WebKit Web Inspector).Since version 6.3, Node.js provides a built-in DevTools-based debugger which mostly deprecates Node Inspector, see e.g. this blog post to get started. The built-in debugger is developed directly by the V8/Chromium team and provides certain advanced features (e.g. long/async stack traces) that are too difficult to implement in Node Inspector.

debug debugger inspector profiler