浏览器控制台AOL桌面? [英] Browser Console for AOL Desktop?

查看:266
本文介绍了浏览器控制台AOL桌面?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我参加有谁通过的 AOL桌面V9查看我们的网站的用户数量显著一个网站的发展。 7 的Windows - 这里面产卵自己的浏览器窗口。调试时,我没有工具,我通常就能够调用(比如Chrome的的开发者控制台的;萤火虫; MSIE的 F12开发者工具的)。

I participate in development of a site that has a significant number of users who view our site through the AOL Desktop v9.7 for Windows - which spawns browser windows inside itself. When debugging, I don't have the tooling I would normally be able to invoke (for example Chrome's Developer Console; Firebug; MSIE's F12 developer tools).

在AOL桌面里面,我似乎没有有任何这些,或任何类似。是否有一个开发者模式或控制台我可以调用,挖掘?

When inside AOL Desktop, I don't appear to have any of these, or anything similar. Is there a developer mode or console I can invoke, unearth?

推荐答案

我在我的意见是什么意思,你可以只使用一个非常体面的JavaScript调试器具有手动DOM检查功能,附带的Visual Studio( ,包括免费版)。随着一些技巧,但它对于AOL的桌面工作,太(这是多么有趣的软件,就是BTW :)当然,这是不一样的IE的F12工具,它缺乏互动功能,如视觉DOM树,CSS追踪等,但它仍然允许以逐步code,看当地人和对象,评估前pressions和访问DOM元素。这是一个非常宝贵的工具,我用它很多关于我们承载WebBrowser控件项目。毕竟,这是AOL做什么了。无论如何,如果你已经熟悉了这一点,只是给这个帖子一个微笑和无视它。否则,请继续阅读:)

What I meant in my comments, you could just use a very decent JavaScript debugger with manual DOM inspecting features, which comes with Visual Studio ( including the free edition). With some tricks, it does work for AOL Desktop, too (what an amusing piece of software that is, BTW :) Of course, this is not the same as IE's F12 Tools, it lacks the interactive features like visual DOM tree, CSS tracing etc. But it still allows to step through the code, watch locals and objects, evaluate expressions and access DOM elements. It's an invaluable tool and I use it a lot for projects where we host the WebBrowser control. After all, that's what AOL does, too. Anyway, if you're already familiar with this, just give this post a smile and disregard it. Otherwise, read on :)

我测试了win7下SP1 VM与IE9以下时,Visual Studio 2012专业版(UPDATE3)和最新的AOL桌面9.7。 它也可以用免费版,<一个href=\"http://www.microsoft.com/visualstudio/eng/products/visual-studio-ex$p$pss-for-windows-desktop\">Visual Studio 2012中前preSS桌面,UPDATE3。

I tested the following under Win7 SP1 VM with IE9, Visual Studio 2012 Pro (Update3) and the latest AOL Desktop 9.7. It also works with the free edition, Visual Studio 2012 Express for Desktop, Update3.

唯一主要障碍是在在进入调试器20秒左右,使用的 AOL浏览器重新启动本身,从而从调试器断开。针对此解决方法是关闭AOL和删除下列文件:

The only major obstacle was that in about 20 seconds upon entering the debugger, AOL Browser used to restart itself, thus disconnecting from the debugger. A workaround for this was to close AOL and delete the following files:

"C:\Program Files (x86)\AOL Desktop 9.7\" 
    shellmon.exe
    shellmon.ini
    shellrestart.exe

然后,我用了以下基本的HTML文件用于调试的目的(如本地主机的根debug.html):

Then, I used the following basic HTML file for debugging purpose (as "debug.html" in the 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>

下面是我所做的正是:


  • 确信脚本调试启用在IE设置的Internet Explorer 其他

  • Made sure Script Debugging is enabled in IE settings for both Internet Explorer and Other:


  • 确信的 [X]脚本在检查 VS2012调试设置,刚刚在时间部分( 此功能从 VS2012防爆preSS 的丢失,但它是不是真的很重要):

  • Made sure [x] Script is checked in VS2012 Debugging Settings, Just-In-Time section ( this feature is missing from VS2012 Express, but it isn't really important):


  • 冉AOL和导航到localhost / debug.html。

  • Ran AOL and navigated to localhost/debug.html.

冉Visual Studio和连接到 aolbrowser.exe 工艺(是脚本作为一种目标code的)通过调试/附加到进程菜单:

Ran Visual Studio and attached to the aolbrowser.exe process (with Script as the target kind of code), via Debug/Attach to Process menu:


  • 回到AOL和命中CTRL-ALT-D(调用调试器的提示上面列出我的JavaScript)。接下来的事情,我在VS调试器就在调试; code线。在这一点上,所有常用的调试功能都可用。注意的即时窗口的面板和的监视1 的面板。此外,而不是硬编码的断点与我一样调试关键字,它可以使用Visual Studio中的解决方案面板(一旦调试器已附加)选择了页面加载的JavaScript文件之一,交互切换断点。

  • Went back to AOL and hit Ctrl-Alt-D (invokes the "debugger" prompt in my JavaScript listed above). The next thing, I'm in the VS Debugger right at the debugger; line of code. At this point, all usual debugging features are available. Note the Immediate Window panel and the Watch1 panel. Also, instead of hard-coding breakpoints with debugger keyword as I did, it's possible to use Visual Studio Solution panel (once the debugger has been attached) to select one of the JavaScript files loaded by the page and toggle breakpoints interactively.

现在,我没有Visual Studio的前preSS 2012来验证,如果同样是可能的吧,虽然我认为它应该是。我给它一个尝试稍后。

Right now, I don't have Visual Studio Express 2012 to verify if the same is possible with it, although I assume it should be. I'll give it a try a bit later.

[更新] 几乎所有的上述适用于免费提供<一个href=\"http://www.microsoft.com/visualstudio/eng/products/visual-studio-ex$p$pss-for-windows-desktop\">Visual Studio 2012中前preSS桌面瓦特/ UPDATE3 的,但有一个例外:只是 - 实时调试选项似乎是不存在的。这不是一个表明,塞不过,因为它仍然是可能的附加到运行的AOL过程和调试当前加载的页面的方式相同。

[UPDATE] Almost all of the above applies to the freely available Visual Studio 2012 Express for Desktop w/ Update3, with one exception: Just-In-Time Debugging option appears to be absent. This is not a show-stopper though, as it is still possible to attach to the running AOL process and debug the currently loaded page the same way.

PS。并感谢您的自愿赏金报价上不相关的<一个href=\"http://stackoverflow.com/questions/18119125/options-for-embedding-chromium-instead-of-ie-webbrowser-control-with-wpf-c\">question矿山的,这是一个非常好的姿态。

PS. And thank you for your voluntary bounty offer on an unrelated question of mine, that is a really nice gesture.

这篇关于浏览器控制台AOL桌面?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆