如何在浏览器开发者工具中查看cshtml文件的内容？

Question

现在我面临的问题是我的 JS 代码有错误。我正在 .net core mvc web 中开发。浏览器控制台告诉我这个错误：

Uncaught TypeError: Cannot read properties of null (reading 'value')
    at HTMLDocument.<anonymous> (Create:172:70)

这意味着文件“Create”的第 172 行有错误。不知何故，正如您在附图中所看到的，我在开发者工具中看不到该文件的任何内容。

Edge 浏览器截图

有人可以帮我吗？

我找不到与此问题相关的内容。

Answer 1

要在浏览器的开发人员工具中查看 CSHTML（Razor 视图）文件的内容，请按照以下步骤操作：

打开开发人员工具：在大多数浏览器中，按 F12 或右键单击网页并选择“检查”或“检查元素”。 找到“网络”选项卡：单击“网络”选项卡可查看浏览器发出的所有网络请求。 重新加载页面：刷新页面以捕获网络流量。 按 XHR/Fetch 过滤：要查找服务器端资源，请按“XHR”或“Fetch”过滤。 识别 CSHTML 请求：如果通过 AJAX 调用或类似调用返回 CSHTML 内容，请查找相关请求。否则，请关注 HTML 内容。 查看响应：单击请求可查看详细信息。检查“预览”或“响应”选项卡以查看服务器的响应。 注意：CSHTML 文件本身不会发送到浏览器；而是会发送给浏览器。它们是用于生成 HTML 的服务器端模板。在开发者工具中，您只能看到最终渲染的 HTML 输出。