Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2010-09-08
4
Medium Priority
?
1,083 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

670 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