查看网页源码，发现body中没有内容，但页面上却有内容。

我打开了一个客户的网页，想尝试从网页的element id上捕捉对应的内容。
但是发现如果我用Chrome打开客户网页然后查看源码，源码中body是空白的。请看下图：

网页截图

图片说明

源码截图

图片说明

但如果我右击页面另存为，下载下来的页面源码确实包含 body 中的所有内容的。

请问这是怎么一会儿事呢？有什么办法能够在运行状态下也能获取到body中对应element id的元素吗？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

野生傻豚在哪里 2020-07-18 13:51

关注

js传的参，
比如：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $.ajax({
            "url":"../../controller/student/student?sno=2019010003&op=info&isAjax=true",
            "type":"get",
            "dataType":"json",
            "success":function(data){
                for(key in data ){
                    var val = data[key];//key的 名称 例如 sno  name sex， data[key]拿到val
                    $(".Session span").each(function(i,span){

                    //如果元素的alt属性的值 和 json对象中  某个属性的key相等 将 这个json的这个属性的值绑定给这个元素
                    console.log($(span).attr('alt') + "   " + key); 
                    if($(span).attr('alt')==key){

                            $(span).text(val);

                        } //$("span") 标签为span元素  $(span) span是一个js对象把他变成jquery对象
                    });
                };
            }
        });
    });


  </script>
</head>
<body>

    <div class="Session">
        <p><span>照片:</span>
        <img alt="spic" src=""></img></p>
        <p><span>学号:</span>
        <span alt="sno">&nbsp;&nbsp;&nbsp;哎呀，没有这个学号呢！</span></p>
        <p><span>姓名:</span>
        <span alt="sname">&nbsp;&nbsp;&nbsp;哎呀，没有这个人呢！</span></p>
        <p><span>性别:</span>
        <span alt="ssex">&nbsp;&nbsp;&nbsp;哎呀，没有这个人呢！</span></p>
        <p><span>班级:</span>
        <span alt="cno">&nbsp;&nbsp;&nbsp;哎呀，没有这个人呢！</span></p>
        <p><span>出生日期:</span>
        <span alt="sbirthday">&nbsp;&nbsp;&nbsp;哎呀，没有这个人呢！</span></p>
        <p><span>籍贯:</span>
        <span alt="sarea">&nbsp;&nbsp;&nbsp;哎呀，没有这个人呢！</span></p>
    </div>

</body>
</html>

这样你看到的就是我js里传的参数："url":"../../controller/student/student?sno=2019010003&op=info&isAjax=true",里的数据
图片说明

如上图

报告相同问题？

关注问题

网页爬虫，F12可以看到的内容，但爬出来的源码里没有 python
2020-10-12 16:35

回答 2 已采纳把浏览器源码，跟爬取的源码全部贴出来
网页输入框中输入的内容，在网页源码中找不到对应内容 html5 有问必答
2021-03-25 18:00

回答 5 已采纳 document.getElementById("fpdm").value
如何用前端网页源码定位到网站的源码文件是哪个？ php 有问必答
2021-05-07 09:59

回答 5 已采纳通过前端代码定位后台不太现实，因为有可能前端html代码存数据库中也不一定。你可以通过地址栏文件名和路径找到对应的php文件，查看php源代码来修改对应内容。不想查看源代码，也可以用js代码替
三个漂亮的网页登录页面源码及素材——可用于前端初学者练习HTML&CSS
2021-10-11 19:11

Etui۹(･༥･´)و ̑̑的博客注：这三个登录页面涉及到的图片素材可自行寻找，字体图标素材可以在阿里...先上图为敬！！文件目录结构 FIRST 1、html源码（index.html） <!DOCTYPE html> <html lang="zh"> <head> <me
爬取数据html页面时标签之间的内容没有了 python 有问必答
2021-05-17 16:12

回答 5 已采纳可能页面是异步加载的，要F12分析页面数据加载的链接参数传递，对数据进行post或get,参考https://blog.csdn.net/qq_38396897/article/details/823
网页上没有显示，但查看html的源代码存在 html5
2017-01-30 07:51

回答 3 已采纳 h2 { font:normal 24px/1.5em Arial, Helvetica, sans-serif; padding:8px 0; margin:0 0 8px; color:#323a
html页面如何防止用户通过查看网页代码直接看到登录密码？ html5 javascript 有问必答
2021-08-05 23:16

回答 3 已采纳你只在前端进行密码验证，是不安全的。应该把用户名和密码用form表单或AJAX提交到服务器端（后端），在服务器端进行密码验证，服务器端代码用户是看不到的，安全性比较高。
html+css网页设计源码(简洁)
2018-12-25 15:21

在简洁的网页设计源码中，CSS 可能包括了对背景颜色、文字样式、边距、填充、定位、响应式设计等方面的设置，确保了页面在不同设备上的一致性显示。前端开发是将这些 HTML 和 CSS 代码集成到浏览器中，使用户能够...
requests抓取html, 为什么div中的内容没有被抓取 ajax html5 python 有问必答
2021-04-28 20:30

回答 4 已采纳 imgs = bf1.find_all('div',id='cp_img').get_text()，还要调用get_text()这个方法获取，find_all只是找到这个标签对象。如果觉得有帮忙，
页面中的内容在下载的html中没有 chrome html5 javascript python
2019-03-02 09:57

回答 2 已采纳能把相关代码截图发一下吗？
怎么使用PHP抓取网页中没有的内容。。 php
2019-03-12 16:58

回答 1 已采纳需求说的明白点，想要干啥？抓取内容的连接返回的是json的数据
班级网站-前端网页技术精美完整源码HTML+CSS+JS
2022-07-14 07:30

叶绿体不忘呼吸的博客微信公众号：创享日记发送：班级网站获取完整源码（打开即可用）效果图①首页主页效果图②关于页面效果图③联系方式及留言效果图④我们的画廊展示其余及源码详见微信公众号下载！
怎么通过前端页面找到后端页面代码 java spring boot 后端
2021-09-10 09:58

回答 5 已采纳 F12 如果是火狐的话看网络那一块然后刷新一下界面所有接口名称就都出现了找到一个接口idea里边ctrl + shift + f搜一下那个接口的名称com后边就是接口的名称去找一下
仿ChatGPT对话前端页面（内含源码）
2023-11-23 17:48

爱吃巧克li的博客本文主要讲解如何做出类似ChatGPT的前端页面。具体我们的效果图是长这样，其中除了时间是动态的之外，其他都是假数据。接下来让我们从布局和样式的角度分析，如何做出来这样的页面，同时文末有全部源码，需要自取。
前端技术搭建拼图小游戏（内含源码）
2023-06-08 08:50

几何心凉的博客基于前端HTML、CSS、JS实现建议版拼图小游戏，无论你是否具备前端技术，都可以直接从文中复制源码运行到你的电脑上！
没有解决我的问题, 去提问

悬赏问题

¥15 石墨烯磁表面等离子体
¥15 angular 项目无法启动
¥15 安装wampserver，图标绿色，但是无法进入软件
¥15 C++ MFC 标准库加密解密解惑
¥15 两条数据合并成一条数据
¥15 Ubuntu虚拟机设置
¥15 comsol三维模型中磁场为什么没有“速度（洛伦兹项）”这一选项
¥15 electron 如何实现自定义安装界面
¥15 关于#linux#的问题：子进程C运行“ls –l”命令，且显示“C运行ls-l命令”(语言-c语言)
¥15 vs code配置c语言遇到这个问题

码龄粉丝数原力等级 --

查看网页源码，发现body中没有内容，但页面上却有内容。

1条回答默认最新

码龄粉丝数原力等级 --

悬赏问题

查看网页源码，发现body中没有内容，但页面上却有内容。

1条回答 默认 最新

悬赏问题

1条回答默认最新