Last active
January 9, 2017 13:10
-
-
Save jaredwy/5605995 to your computer and use it in GitHub Desktop.
Some notes on getting a chrome dev tools setup in a blink world.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This assumes osx. and that you have read https://developers.google.com/chrome-developer-tools/docs/contributing | |
1. Easiest way to run a basic server is just to use python, you should already have that installed. | |
2. The docs say "Set up a local web server that would serve files from WebKit/Source/WebCore/inspector on some port (8090)" this is out of date. | |
the correct path is /path/to/checkedout/blink/Source/devtools run python -m SimpleHTTPServer in this directory. Starts on 8000 by default change with python -m SimpleHTTPServer 8090 | |
3. Running chrome from the command line, you want to run something like | |
/Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary --user-data-dir=/Users/wyles/blink/chromeServerProfile --remote-debugging-port=9222 --remote-debugging-frontend="http://localhost:8000/front_end/inspector.html" | |
Note - i found that paths are not expanded so use a full path not ~/ for your home directoy. | |
4. that is hard to remember, throw it into a shell script in your ~/bin (you have one right?). | |
5. Also add /Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary --user-data-dir=/Users/wyles/blink/chromeclient | |
The rest of the doc is up to date. Most of it is html/css/js it does expose some helpful features through c++ but for ui only changes, all html/css/js. | |
Sure thing!
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@addyosmani can you incorporate this into our documentation?