Solved

Internet Explorer "Developer Tools" -- How to enable the 'Add Watch Variable' to the Watch Pane again?

Posted on 2010-09-08
4
1,059 Views
Last Modified: 2012-05-10
In the Internet Explorer "Developer Tools" tool screen -- How do I enable the option to 'Add Watch Variable' to the Watch Pane again (or show the textbox to type in a watch variable)?

I generally do dev in Firefox, but then run my code in IE to make it works for the rest of the internal customers at work, and I just saw the Internet Explorer's "Developer Tools" (F12) option, which apparently is now supposed to work almost as well as Firefox's Firebug.

Problem: I was clicking around and was initially able to "Add as watch variable" by right-clicking, but now I do Not see that option anymore.  I do not have the capability to "type in a watch variable" in the "watch pane" either (no "add"  text nor a blank box to type in a variable, like I see in the documentation).  I searched online in MSDN, but it never mentions how I might have disabled it (or how to re-enable it).   I tried it While debugging and while stopped.  I'm fairly certain I inadvertently disabled this (but how?), since I DID add variables on the right side before I started clicking around the menu. (I did re-start IE and still no good).  When I right-click in my Script pane over some code, the pop-up just shows "Insert Breakpoint, Select All, and Copy" as options; it does not have the "Add as watch variable".

The tool is rather useless at this point, since I can't even "hover" over a variable in my Script pane to see its value (like in Firebug), so I 'need' to be able to add Watch Variables to the right-side pane.

Please advice. Thanks.
0
Comment
Question by:murach
  • 2
  • 2
4 Comments
 
LVL 2

Expert Comment

by:golfwins
ID: 33631087
Are you able to hover over the variable and Right click to Add to the Watch Pane?
0
 
LVL 2

Expert Comment

by:golfwins
ID: 33631141
Sorry for my last post I jumped the gun. Scroll down to Inspecting variables and see if this helps any.

http://msdn.microsoft.com/en-us/library/dd565625(VS.85).aspx
0
 

Author Comment

by:murach
ID: 33634944
I'm trying to determine what the difference is .... as I can sometimes (now) see the option, and other times I cannot.  Klugey tool, this "Developer Tools" option for IE (it obviously has not been nearly as well tested and thought-out as Firefox's Firebug tool).
Anyone have other ideas on how to get the option back (to stay)?
0
 

Accepted Solution

by:
murach earned 0 total points
ID: 33636748
Ok. Here's the difference.  If using a code page you are working on, you can press F12 to bring up the Internet Explorer "Developer Tools" window.  However, you can Just use it to view HTML and CSS and the various menu options at the top, and add some Breakpoints.  Pressing "Start Debugging" doesn't do much, as apparently you aren't 'debugging' yet.  So, to actually get it to Debug, you need to press your code form's "Submit" button, in order for it to go into the JavaScript part of your code, to actually 'start' the debugging.  It is at this point that you are allowed to "Add watch variables" (and when the right-click menu-option for that displays, and when the "Add" label is shown in the right-side Watch Pane).
This request can be closed now.
0

Featured Post

VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

912 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now