Hacking Chrome DevTools Setup

devtool.bash

#!/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"