debugging - Browser Console for AOL Desktop? -


i participate in development of site has significant number of users view our site through aol desktop v9.7 windows - spawns browser windows inside itself. when debugging, don't have tooling able invoke (for example chrome's developer console; firebug; msie's f12 developer tools).

when inside aol desktop, don't appear have of these, or similar. there developer mode or console can invoke, unearth?

what meant in comments, use decent javascript debugger manual dom inspecting features, comes visual studio ([edited] including free edition). tricks, work aol desktop, (what amusing piece of software is, btw :) of course, not same ie's f12 tools, lacks interactive features visual dom tree, css tracing etc. still allows step through code, watch locals , objects, evaluate expressions , access dom elements. it's invaluable tool , use lot projects host webbrowser control. after all, that's aol does, too. anyway, if you're familiar this, give post smile , disregard it. otherwise, read on :)


i tested following under win7 sp1 vm ie9, visual studio 2012 pro (update3) , latest aol desktop 9.7. [edited] works free edition, visual studio 2012 express desktop, update3.

the only major obstacle in 20 seconds upon entering debugger, aol browser used restart itself, disconnecting debugger. workaround close aol , delete following files:

"c:\program files (x86)\aol desktop 9.7\"      shellmon.exe     shellmon.ini     shellrestart.exe 

then, used following basic html file debugging purpose (as "debug.html" in root of localhost):

<!doctype html> <html> <head> <title>debugger test page</title> <script> function debugprompt() {     if (confirm("debug?"))     {         debugger; // breakpoint         alert("after debugger");     } }  document.onkeydown = function() {     if (event.altkey && event.ctrlkey && event.keycode === 'd'.charcodeat(0))     {         event.cancelbubble = true;         debugprompt();         return;     } } </script> </head> <body> <button onclick="debugprompt()">debug</button> </body> </html> 

here's did exactly:

  • made sure script debugging enabled in ie settings both internet explorer , other:

ie script debugging settings


  • made sure [x] script checked in vs2012 debugging settings, just-in-time section ([edited] feature missing vs2012 express, isn't important):

vs jit debugging settings


  • ran aol , navigated localhost/debug.html.

  • ran visual studio , attached aolbrowser.exe process (with script target kind of code), via debug/attach process menu:

vs attach process


  • went aol , hit ctrl-alt-d (invokes "debugger" prompt in javascript listed above). next thing, i'm in vs debugger right @ debugger; line of code. @ point, usual debugging features available. note immediate window panel , watch1 panel. also, instead of hard-coding breakpoints debugger keyword did, it's possible use visual studio solution panel (once debugger has been attached) select 1 of javascript files loaded page , toggle breakpoints interactively.

vs debugging aol


right now, don't have visual studio express 2012 verify if same possible it, although assume should be. i'll give try bit later.

[update] of above applies freely available visual studio 2012 express desktop w/ update3, 1 exception: just-in-time debugging option appears absent. not show-stopper though, still possible attach running aol process , debug loaded page same way.

ps. , thank voluntary bounty offer on unrelated question of mine, nice gesture.


Comments

Popular posts from this blog

ios - UICollectionView Self Sizing Cells with Auto Layout -

node.js - ldapjs - write after end error -

DOM Manipulation in Wordpress (and elsewhere) using php -