簡體   English   中英

AOL桌面的瀏覽器控制台?

[英]Browser Console for AOL Desktop?

我參與了一個網站的開發,該網站有大量用戶通過AOL桌面v9.7 for Windows查看我們的網站 - 它自己生成瀏覽器窗口。 在調試時,我沒有通常可以調用的工具(例如Chrome的開發者控制台 ; Firebug; MSIE的F12開發人員工具 )。

當在AOL桌面內時,我似乎沒有任何這些或類似的東西。 是否有我可以調用的開發者模式或控制台,發掘?

在我的評論中,我的意思是,你可以使用一個非常不錯的JavaScript調試器和Visual Studio( [EDITED]包括免費版)附帶的手動DOM檢查功能。 有了一些技巧,它也適用於AOL桌面(這是一個有趣的軟件,BTW :)當然,這與IE的F12工具不同,它缺乏視覺DOM樹,CSS跟蹤等交互功能但它仍然允許單步執行代碼,觀察本地和對象,計算表達式和訪問DOM元素。 它是一個非常寶貴的工具,我將它用於托管WebBrowser控件的項目。 畢竟,這也是AOL所做的。 無論如何,如果你已經熟悉這個,請給這個帖子一個微笑並忽略它。 否則,請繼續閱讀:)


我使用IE9,Visual Studio 2012 Pro(Update3)和最新的AOL Desktop 9.7在Win7 SP1 VM下測試了以下內容。 [已編輯]它也適用於免費版Visual Studio 2012 Express for Desktop ,Update3。

唯一的主要障礙是,在進入調試器后大約20秒內, AOL Browser用於重啟 ,從而與調試器斷開連接。 解決方法是關閉AOL並刪除以下文件:

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

然后,我使用以下基本HTML文件進行調試(作為localhost根目錄中的“debug.html”):

<!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>

這就是我所做的:

  • 確保在Internet Explorer其他的 IE設置中啟用腳本調試

IE腳本調試設置


  • 確保在VS2012調試設置,即時部分中檢查了[x]腳本[EDITED] VS2012 Express中缺少此功能,但這並不重要):

VS JIT調試設置


  • 跑AOL並導航到localhost / debug.html。

  • 運行Visual Studio並附加到aolbrowser.exe進程(使用Script作為目標類型的代碼),通過Debug / Attach to Process菜單:

VS附加到流程


  • 返回AOL並按Ctrl-Alt-D(在我上面列出的JavaScript中調用“調試器”提示符)。 接下來,我在調試器的VS Debugger中debugger; 代碼行。 此時,所有常用的調試功能都可用。 請注意立即窗口面板和Watch1面板。 此外,我沒有像我一樣使用debugger關鍵字對斷點進行硬編碼,而是可以使用Visual Studio Solution面板(一旦附加了調試器)來選擇頁面加載的一個JavaScript文件並以交互方式切換斷點。

VS調試AOL


現在,我沒有Visual Studio Express 2012來驗證它是否可以使用它,盡管我認為它應該是。 我稍后會試一試。

[更新]幾乎所有上述內容都適用於免費提供的Visual Studio 2012 Express for Desktop w / Update3 ,但有一個例外: 即時調試選項似乎不存在。 這不是一個show-stopper,因為它仍然可以附加到正在運行的AOL進程並以相同的方式調試當前加載的頁面。

PS。 並且感謝您就我無關的問題提出的自願賞金,這是一個非常好的姿態。

萬一有人來這里尋找信息:最新的9.8版本的AOL桌面現在包括Chrome的開發者工具,當你按下F12時,它會在新窗口中打開。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM