facebook

Debugging with Chrome Developer Tools in the Web Simulator

  1. MobiOne Archive
  2.  > 
  3. Examples, HOW-TOs
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #347184 Reply

    Brandon
    Member

    Ok, so with the new change over to the Web Simulator there is a lot of confusion on how to properly debug the application.

    The easiest way to get to the tools is to right click and then click on Inspect Element, this will open the Developer Tools to the Elements Tab. From there you have the menu on top that you can explore the various parts in the app. Most notably in the top right hand corner you will see any warnings or errors that come up.

    A more detailed look at the Developer Tools can be found on the Google Developers website:
    https://developers.google.com/chrome-developer-tools/

    #347192 Reply

    rick.gommers
    Member

    This will be helpful for many people Cincy 🙂

    I want to express to anyone who read this that it’s very useful to learn shortkeys like CTRL + SHIFT + J. This will open the console directly where you can check for errors.

    Review the shortcodes in the document listed above. It’s very helpfull 🙂

    #347194 Reply

    Brandon
    Member

    I agree and tool make it eaiser

    http://anti-code.com/devtools-cheatsheet/

Viewing 3 posts - 1 through 3 (of 3 total)
Reply To: Debugging with Chrome Developer Tools in the Web Simulator

You must be logged in to post in the forum log in