2011-06-16 40 views
2

我被困在真正奇怪的問題。我正在使用sitemesh的應用程序。
當前頁面上,我的工作有以下結構如何檢查在IE和Mozilla的完整源代碼

Decorator (main.html) 
-Inner HTML page with 3 tabs (menu.html) 
    - Tab 1 (add.html page for Tab1) 
    - Tab 2 (edit.html page for Tab2) 
    - Tab 3 (dispaly.html page for Tab3) 

爲每個標籤定義href可鏈接到相應的頁面,即add.html,edit.html或dispaly.html,這些選項卡下dispalyed。像

<a href="/myApp/request/form/AddForm/1761?menuId=app.approve.new" title="Add Request"> 

所以我在一個屏幕上處理3個HTML頁面。

在IE或Mozilla中,當我選擇任何選項卡並轉到view source選項時,它僅顯示裝飾器的源代碼ie main.html,內部頁面即menu.html,但我無法看到選定選項卡的源代碼html文件即爲add.html/edit.html/dispaly.html。
對我來說真的很奇怪。我需要檢查完整的源代碼。
有什麼辦法可以檢查完整的源代碼嗎?

+0

'view source'只顯示原始HTML頁面的內容。如果您通過JavaScript添加元素,例如通過Ajax,你必須檢查生成的DOM。 – 2011-06-16 09:08:03

+0

@Felix:我如何檢查IE中生成的DOM? – xyz 2011-06-16 09:10:47

+0

@Felix:謝謝:)你比Jamie快了17秒。 – xyz 2011-06-16 09:18:14

回答

1

如果您使用的是Firefox,可以從Web Developer Toolbar中選擇「查看生成的源代碼」。

這將彈出當前頁面中使用的所有源代碼,無論是天然的還是通過某種形式的客戶端腳本生成等

UPDATE

對於IE,你會發現Internet Explorer Developer工具欄具有類似的功能。

+0

IE呢?我需要測試應用程序在IE 6至9. – xyz 2011-06-16 09:09:57

+0

看到我的更新 – 2011-06-16 09:13:33

+0

謝謝。現在看起來並不奇怪了。 – xyz 2011-06-16 09:18:56