Debugging Rails With Chrome DevTools

Part 10 in the series A Comprehensive Guide To Debugging Rails

Chrome DevTools Mirrors

Chrome DevTools Elements: The Elements tab is helpful in debugging HTML and CSS and for receiving rapid feedback about experimental design changes. To activate DevTools Elements right click a HTML element on any webpage and select âinspect elementâ. Youâll see a pane that includes the source code of the final HTML page, as output by your Rails application. Useful features here include dragging and droppin...