Skip to content

Instantly share code, notes, and snippets.

@hemanth
Created November 23, 2013 06:31
Show Gist options
  • Save hemanth/7611535 to your computer and use it in GitHub Desktop.
Save hemanth/7611535 to your computer and use it in GitHub Desktop.
Hacking Chrome DevTools Setup
#!/usr/bin/env bash
# Setup script for hacking chrome devtools
# Source -> https://medium.com/p/8c8896f5cef3
echo "Creating folder and initialize a git repo"
mkdir devtools-frontend && cd devtools-frontend
git init
echo "Adding chromium remote and initialize sparse checkout"
git remote add upstream https://chromium.googlesource.com/chromium/blink
git config core.sparsecheckout true
echo Source/devtools >> .git/info/sparse-checkout
echo "Pulling DevTools"
git pull upstream master --depth 1
echo "Serving DevTools front-end locally"
cd Source/devtools && python -m SimpleHTTPServer 8088 &
echo "Run chrome with remote debugging..."
google-chrome --remote-debugging-port=9222 --remote-debugging-frontend="http://localhost:8088/front_end/inspector.html?experiments=true"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment