[英]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>
這就是我所做的:
跑AOL並導航到localhost / debug.html。
運行Visual Studio並附加到aolbrowser.exe
進程(使用Script作為目標類型的代碼),通過Debug / Attach to Process菜單:
debugger;
代碼行。 此時,所有常用的調試功能都可用。 請注意立即窗口面板和Watch1面板。 此外,我沒有像我一樣使用debugger
關鍵字對斷點進行硬編碼,而是可以使用Visual Studio Solution面板(一旦附加了調試器)來選擇頁面加載的一個JavaScript文件並以交互方式切換斷點。 現在,我沒有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.