怎样查看网页上彻底隐藏的元素和文本？

JavaScript010

怎样查看网页上彻底隐藏的元素和文本？,第1张

看你是怎样实现隐藏的，如果是用原生js或jQuery.js 实现的，那在F12的开发者工具中是可以看到那个元素的。

如果是用vue.js 开发的，v-show 隐藏的，也是可以看到的；v-if隐藏的是看不到。

这时，你可以直接ctrl+U 看源码，容易找到相关的代码。

但，既然你问了，我想你想知道的应该是怎样找到是控制它隐藏或显示的代码，这个一般用原生 或 jquery.js 的时候会难找一些。

但其它他们都有一个共同的特点，那就是要选择到那个元素，所以，你可以通过那个元素对应的选择器，在代码中搜索。

还有，隐藏的时候一般都是设置为display:none，你可以在代码中搜索display或none，如果项目不是太复杂的话，应该会比较容易找到对应的代码。

完全的前端代码没有安全可言的，使用firebug很容易就能够把隐藏的页面元素调出来，以及修改javascript代码什么的。

要清楚你要的东西是不是已经下载到客户端了，只要是已经完成下载的就可以随意操作。

源代码是在<div>中，估计源代码的图片是用<div>中的id加载的。你可以找找id="book_pic"，有没有JS的调用加载。

感知信息：

文本：文本是网页上最重要的信息载体和交流工具，网页中的主要信息一般都以文本形式为主。

图像：图像元素在网页中具有提供信息并展示直观形象的作用。

静态图像：在页面中可能是光栅图形或矢量图形。通常为GIF，JPEG或PNG；或矢量格式，如SVG或Flash。

在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小）。

而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。