查看网页源代码,代码显示里面body部分除了引用的script,只有中间有一个div id="app"标签,但是页面有不少内容,这是怎么弄得?

查看网页源代码,代码显示里面body部分除了引用的script,只有中间有一个div id=

问题描述:

图片说明

如图所示,这是网页源代码放到编辑器上面了,css和js都弄了下来,只有一个div id="app",此时在浏览器中打开,页面内容显示完整,同时JS也有效果。我就在想app对应的内容是什么,通过F12审查元素,发现这里能看到所有和网页对应的代码,然后我将代码复制下来,把它们替换了div id="app",代码较长,不方便展示,进行了叠层,如以下两图:

图片说明

图片说明

此时在浏览器中打开,页面内容显示完整,CSS有效果,但是点击上面的一些控件,发现JS效果没了,没有JS引用的效果,请问各位大佬们这是怎么一回事?该如何操作使第二种情况的JS能产生效果?

最好搞清楚程序所用的框架,从最终的html和js反推太难

框架写的网页,都是用JS渲染的,里面肯定没有内容啊。你复制的只是页面的结构,你复制出来你也用不了。因为你没有源码!你看到的都是打包过的!

你打算写什么特效