2011-06-16 74 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