如何查明网页中任何元素的底层页面代码?

Posted

技术标签:

【中文标题】如何查明网页中任何元素的底层页面代码?【英文标题】:How to pinpoint the underlying page code for any element in a web page? 【发布时间】:2011-03-25 10:03:58 【问题描述】:

在维护 Web 应用程序时,我们经常需要跟踪在 Web 浏览器中呈现的特定元素的底层页面(JSP、ASP 文件等)。通常,我们会卡在查找相关页面上。特别是对于 Ajax 繁重的 Web 应用程序,因为浏览器中的 url 地址不会改变。如果您多次嵌套包含页面,则跟踪页面会更加令人心烦意乱。你如何处理这个问题?有这方面的最佳做法吗?

【问题讨论】:

【参考方案1】:

我使用 html cmets,将其放入每个元素 jsp 代码中,并包含一个数字 ID。 您可以通过查看问题页面的 html 代码来查看它们。 如果您遇到问题,可以轻松扫描您的项目以获取唯一 ID。

【讨论】:

谢谢,这是一个很好的跟踪方式。您用数字 ID 代替页面 URL 标记页面,是出于安全考虑吗? 是的。我不喜欢有人了解我的应用程序中的路径结构。【参考方案2】:

我通常会查看我感兴趣的(部分)页面的来源,选择一些“独特”的文本,然后在 jsp 文件夹中进行文本搜索。可能不是最优雅的方式,但它确实有效。

如果您需要提前解决(用于创建页面),您可以考虑将页面名称作为评论放在页面上,但这种方法当然不能强制执行,并且页面名称会更改。

【讨论】:

谢谢,我也是这样用的,我经常选择Id作为“唯一”的一段文字

以上是关于如何查明网页中任何元素的底层页面代码?的主要内容,如果未能解决你的问题,请参考以下文章

asp 网页 iframe 子页如何向父页回传参数

在JSP页面通过form表单传递5个模糊查询的条件 如何 在底层 写模糊查询 方法

Ajax 原生底层代码

js根据类名获取元素的底层原理

前端基础

如何使用 F12 开发人员工具调试网页