«   Previous tip Next tip   »

Chrome DevTools: Go to a line number at a specific column in the Sources Panel

Last updated: 19th July 2020
Go to a line number at a specific column in the Sources Panel

In the DevTools Sources panel, you can go to a line number with a specified column using the format :linenumber:columnnumber in the CMD+O dialogue from the Sources panel editor.

Here are specific instructions:

  1. Hit Cmd + Ctrl + O from the Sources Panel with an open file
  2. Enter :5:9
  3. Notice you are taken to line 5, column 9!

Here's a tweet I made demonstrating this

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week