我想使用Chrome開發者控制臺查看我的應用程序中的變量和DOM元素，但是該應用程序存在于iframe（因為它是OpenSocial應用程序）中。所以情況是：<containing site> <iframe id='foo' src='different domain'> ... my app ... </iframe></containing site>有什么方法可以iframe從開發者控制臺訪問發生的事情？如果我嘗試這樣做document.getElementById("foo").something，則無法正常工作，可能是因為iframe屬于不同的域。我無法iframe在新標簽頁中打開內容，因為也iframe需要能夠與包含該站點的內容進行通話。
3 回答
桃花長相依
TA貢獻1860條經驗 獲得超8個贊
在Chrome的開發人員工具中，位于頂部的元素欄Execution Context Selector（h / t felipe-sabino）位于“元素”，“網絡”，“源...”選項卡下，該欄根據當前選項卡的上下文而變化。在“控制臺”選項卡中時，該欄中會出現一個下拉列表，您可以通過該下拉列表選擇控制臺將在其中運行的框架上下文。在此下拉列表中選擇框架，您將在適當的框架上下文中找到自己。
小怪獸愛吃肉
TA貢獻1852條經驗 獲得超1個贊
當前，控制臺中的評估是在頁面中的主框架的上下文中執行的，并且它遵循與主框架本身相同的跨域策略。這意味著除非主框架可以訪問，否則您無法訪問iframe中的元素。不過，您仍然可以使用“腳本”面板設置斷點并調試代碼。
嗶嗶one
TA貢獻1854條經驗 獲得超8個贊
在我相當復雜的情況下，如何在Chrome中執行此操作的公認答案對我不起作用。您可能需要嘗試使用Firefox調試器（Firefox開發人員工具的一部分），該調試器顯示所有“源”，包括那些屬于iFrame的源
- 3 回答
- 0 關注
- 2218 瀏覽
添加回答
舉報
0/150
提交
取消