I need to debug Javascript (Jquery) sources in embedded browser in Windows 7 and XP, when I working with the browser in the Sketchup. I tried with console.log, but it doesn't helps me because brakes the layout from the app. Anyone have a solution?

I need to debug Javascript (Jquery) sources in embedded browser in Windows 7 and XP, when I working with the browser in the Sketchup. I tried with console.log, but it doesn't helps me because brakes the layout from the app. Anyone have a solution?

• javascript
• jquery
• internet-explorer
• debugging
• sketchup

Share Improve this question Follow asked Oct 23, 2012 at 18:15 Júlio GriebelerJúlio Griebeler 89122 gold badges88 silver badges2020 bronze badges 5

• what do you mean console.log breaks stuff? – Ibu Commented Oct 23, 2012 at 18:18
• 1 @Ibu Have you ever tried to console.log() something in IE? – msanford Commented Oct 23, 2012 at 18:32
• @msanford yes i did, and it works perfectly well, open your dev tool window and check it out. – Ibu Commented Oct 23, 2012 at 18:44
• @Ibu See the link I included in my ment and don't open your Developer Tools window (which his embedded browser lacks). I assume the "brakes the layout" the OP is referring to is due to that behaviour. – msanford Commented Oct 23, 2012 at 18:50
• 1 I try console.log() in internet explorer but it doesnt understand the reserverd word 'console'. About your link, alerts breaking the sequence of my js function and it must runs for plete. – Júlio Griebeler Commented Nov 5, 2012 at 19:15

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 2

In Windows Try debug javascript with Charles Web Debugging Proxy www.charlesproxy.

To enable the Web Inspector panel in WebDialog on Mac OSX...

1. Go to ~/Library/Preferences/.xxx.yourapp.plist
2. Open the file with the Property List Editor.app(default) or other
3. Click on the add [+] icon
4. new item name "WebKitDeveloperExtras", then tab
5. set type to boolean, then tab
6. check box, sets this value to true
7. open your app, open a WebDialog, right click in a void and select "Inspect element" to open Inspector

There's a checkbox in the Internet Explorer options that might help:

Internet Options > Advanced > Browsing

• Disable script debugging (Internet Explorer)
• Disable script debugging (Other)

The "Other" will affect embedded webcontrols. If you uncheck that you should get error messages popping up when they occur in the SketchUp WebDialog.

It is possible to hook up debuggers as well, I don't remember exactly how it was right now, but I found this article which sounds very familiar. I think that should work: http://blogs.perl/users/mark_leighton_fisher/2011/09/debugging-javascript-in-a-webbrowser-control-from-vs2010.html

Did you try the Weinre? It's available here http://people.apache/~pmuellr/weinre/docs/1.x/1.5.0/ Really nice and easy to use tool.

I am currently successfully using a solution similar to what is described here.

http://blogs.perl/users/mark_leighton_fisher/2011/09/debugging-javascript-in-a-webbrowser-control-from-vs2010.html

Caveat: Visual Studio is required.

F12 developer tools enables web developers to quickly debug JavaScript code without leaving the browser. go through this link http://msdn.microsoft./en-us/library/ie/gg699336(v=vs.85).aspx