简体繁体 English

如何在Window中的嵌入式浏览器中调试Javascript？

[英]How can I debug Javascript in embebed browser in Window?

原文 2012-10-23 18:15:17 7 5 javascript/ jquery/ internet-explorer/ debugging/ sketchup

I need to debug Javascript (Jquery) sources in embedded browser in Windows 7 and XP, when I working with the browser in the Sketchup. 当我在Sketchup中使用浏览器时，我需要在Windows 7和XP中的嵌入式浏览器中调试Javascript（Jquery）源。 I tried with console.log, but it doesn't helps me because brakes the layout from the app. 我尝试使用console.log，但它没有帮助我，因为从应用程序刹车布局。 Anyone have a solution? 有人有解决方案吗？

5 个解决方案

In Windows Try debug javascript with Charles Web Debugging Proxy www.charlesproxy.com 在Windows中尝试使用Charles Web调试代理www.charlesproxy.com调试javascript

To enable the Web Inspector panel in WebDialog on Mac OSX... 在Mac OSX上的WebDialog中启用Web Inspector面板...

Go to ~/Library/Preferences/com.xxx.yourapp.plist 转到〜/ Library / Preferences / com.xxx.yourapp.plist
Open the file with the Property List Editor.app(default) or other 使用Property List Editor.app（默认）或其他打开文件
Click on the add [+] icon 单击添加[+]图标
new item name "WebKitDeveloperExtras", then tab 新项目名称“WebKitDeveloperExtras”，然后选项卡
set type to boolean, then tab 将类型设置为布尔值，然后选项卡
check box, sets this value to true 复选框，将此值设置为true
open your app, open a WebDialog, right click in a void and select "Inspect element" to open Inspector 打开你的应用程序，打开一个WebDialog，右键单击一个空白，然后选择“Inspect element”打开Inspector

There's a checkbox in the Internet Explorer options that might help: Internet Explorer选项中有一个可能有帮助的复选框：

Internet Options > Advanced > Browsing Internet选项>高级>浏览

Disable script debugging (Internet Explorer) 禁用脚本调试（Internet Explorer）
Disable script debugging (Other) 禁用脚本调试（其他）

The "Other" will affect embedded webcontrols. “其他”将影响嵌入式Web控件。 If you uncheck that you should get error messages popping up when they occur in the SketchUp WebDialog. 如果取消选中，则应在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.org/users/mark_leighton_fisher/2011/09/debugging-javascript-in-a-webbrowser-control-from-vs2010.html 我认为这应该有效： http ： //blogs.perl.org/users/mark_leighton_fisher/2011/09/debugging-javascript-in-a-webbrowser-control-from-vs2010.html

Did you try the Weinre? 你试过Weinre吗？ It's available here http://people.apache.org/~pmuellr/weinre/docs/1.x/1.5.0/ Really nice and easy to use tool. 它可以在这里http://people.apache.org/~pmuellr/weinre/docs/1.x/1.5.0/非常好用且易于使用的工具。

I am currently successfully using a solution similar to what is described here. 我目前成功使用类似于此处描述的解决方案。

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

Caveat: Visual Studio is required. 警告：Visual Studio是必需的。

F12 developer tools enables web developers to quickly debug JavaScript code without leaving the browser. F12开发人员工具使Web开发人员无需离开浏览器即可快速调试JavaScript代码。 go through this link http://msdn.microsoft.com/en-us/library/ie/gg699336(v=vs.85).aspx 请浏览此链接http://msdn.microsoft.com/en-us/library/ie/gg699336(v=vs.85).aspx