Skip to content

Debugging Javascript with Google Chrome

September 7, 2013

Google Chrome has some great tools in debugging javascript. Even changing or editing the code while debugging is possible. Every time I point an element in the debugger using the curser, that element in the page highlights, thus allowing me to see where is that element in my page. Below is my normal workflow in debugging js files.

  1. pressing F12 opens the debugging window
  2. clicking link of php, js, css files in that page opens that file and transfers me to the Sources tab
  3. I click the left most side of the scripts to create a breakpoint.
  4. I press F5 to reload the page thus start the debugging.
  5. the page then stops at my first break point.
  6. here, you can either press F8 (continue to the next breakpoint) F10 (go to the next line) F11 (go inside a function
  7. while debugging on a certain line, you can edit that line and automatically saves the file.
  8. although you can edit any line even without debugging, but the tool will not automatically saves it for you so you must press ctrl + s to save and replace it to the location the file exist.

People in their comments say that its much easier to debug javascript files in browsers. I use netbeans as a editor for most of my files and use xdebug for php files.

Simple, Free Image and File Hosting at MediaFire

the image shows when you press F12, or press the left most bottom icon to dock to the browser.

just comment if you have something to add/opinions on how you use the debugger on Google Chrome.

Advertisements
Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

TurtleAndRobot.com

Children's Book Reviews

Malav Shah

official Web Site

My Road to Programming

The journey of how I taught myself to program.

paritoshmishra

Look at what's brewing up guys! we all are work in progress. So don't meander, lets micromesh everything and have candid conversation about every problem related to C, C++ and JAVA. We can rejuvenate the crinkled faces.

ProgramThat;

A simple guide to programming...

ITechonology

Information Techonology

Rahul's Work

My Work Tips and Tutorial on Various Tech.

Turnip Farmers

Kingdom Scans

Gigaom

Technology news, trends and analysis covering mobile, big data, cloud, science, energy and media

The Neighborhood

society online's social conscious

HarsH ReaLiTy

A Good Blog is Hard to Find

VentureBeat

News About Tech, Money and Innovation

retireediary

The Diary of a Retiree

50 Year Project

My challenge to visit 192 countries, read 1,001 books, and watch the top 100 movies

[BTW] : Ben Trube, Writer

Writer, Programmer, Singer

My Arch Walkthrough

Arch linux made easy

Don Charisma

because anything is possible with Charisma

SutoCom Solutions

Success & Satisfaction with the Cloud

%d bloggers like this: