https://github.com/auchenberg/chrome-devtools-app

Chrome DevTools packaged as an app via Electron
https://github.com/auchenberg/chrome-devtools-app

Last synced: about 2 months ago
JSON representation

Chrome DevTools packaged as an app via Electron

• Host: GitHub
• URL: https://github.com/auchenberg/chrome-devtools-app
• Owner: auchenberg
• License: mit
• Created: 2014-11-17T06:06:51.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2022-03-29T02:25:28.000Z (over 2 years ago)
• Last Synced: 2024-06-20T08:05:06.506Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 246 MB
• Stars: 1,573
• Watchers: 46
• Forks: 93
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-electron - Chrome DevTools - Chrome DevTools packaged as an app. (Apps / Open Source)
• awesome-electron-zh - Chrome DevTools - Chrome DevTools packaged as an app. (Apps / Open Source)

README

        
# Update on Chrome DevTools App.

Chrome DevTools App is now superseeded by https://inspect.dev/ – a new developer tool for macOS and Windows to inspect and debug your web apps and websites in Safari and WebViews on iOS devices 🤯🎉🔥 

Maintenance status: Chrome DevTools App. is not proactively maintained or extended.

Original readme

  

![Icon](https://github.com/auchenberg/chrome-devtools-app/raw/master/readme/icon.png)

Chrome DevTools App

===================

## Discontinued

This project is Discontinued. See https://github.com/auchenberg/chrome-devtools-app/issues/48

[![Join the chat at https://gitter.im/auchenberg/chrome-devtools-app](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/auchenberg/chrome-devtools-app?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

Chrome DevTools packaged as an app using [electron-prebuilt](https://github.com/mafintosh/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.

I've written an article about this project, where I go in detail, and provide a few perspectives on what this project could evolve into. https://kenneth.io/blog/2014/12/28/taking-chrome-devtools-outside-the-browser/.

![Intro](https://raw.githubusercontent.com/auchenberg/chrome-devtools-app/master/readme/app-intro.png)

![Tools](https://raw.githubusercontent.com/auchenberg/chrome-devtools-app/master/readme/app-inspector.png)

## Installation

1. Go to the [releases page](https://github.com/auchenberg/chrome-devtools-app/releases), and download the latest DMG installer (Mac only, for now)

2. Drag Chrome DevTools App to your `applications` folder

3. Start an instance of Chrome with [remote debugging enabled](https://developer.chrome.com/devtools/docs/debugger-protocol#remote)

4. Start Chrome DevTools App

5. Wait a second or click the refresh button.

6. Targets should show up. Click "Go" next to your target.

7. Bam. There go you.

## Development

#### How to get started from source?

1. Run `npm install`

2. Run `npm start`

#### How to start this app from source?

1. Run `npm install`

2. Run `npm install bower-cli -g`

3. Run `npm start`

#### How to start a debug version of this app?

Run `npm start`

## Releases

#### How to make a new build?

Run `npm run release`

---

This project is highly experimental.