消息关闭
    暂无新消息!

如题,以前工作的时候见过,有没有大神解答下是怎么实现的?

<html>
    <body>
    </body>
</html>

查看源代码是这样的


2个回答

︿ 0

chrome中查看源代码和控制台Elements中查看DOM结构是不一样的。

有些网站不是完全服务端渲染的,从服务端拿到的源代码只是一个简单的标签,就像你问题中的那样,这种网站是靠拿到的js代码来渲染页面,比如现在像Vue,React写的单页面应用。

这种网站,你右击选择“查看源代码”,看到的只是服务端返回的一个html文件的壳,页面中内容的渲染是靠这个HTML代码中引用的js文件来发异步请求调用后端数据渲染的。


如果是服务端渲染的页面,比如JSP,ASP等,这种页面是后端全部渲染好,再返回给浏览器来展示的,这种网站上,你右击选择“查看源代码”看到的是后端返回的完全的数据。


举个栗子

︿ 0

这样的页面大多是使用框架编写的,比如vue、react之类的,他们的html内容全部是由js生成的。但是一般html代码里会有引入js的script标签,像你说的这种什么都没有的,还真没见过