浏览器的查看源代码和F12查看到Html代码不一样

最新推荐文章于 2025-05-28 12:08:48 发布

转载最新推荐文章于 2025-05-28 12:08:48 发布 · 1w 阅读

10 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/npk19195global/p/4494064.html

文章标签：

#前端 #python #javascript #ViewUI

本文详细解析了浏览器右键查看源代码与使用F12打开开发者工具所见的不同，阐述了两者在展示代码阶段的区别，特别是对于服务器端脚本而言，查看源代码与实际运行后的代码之间的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浏览器的右键查看源代码看到的是网页文件最原始的代码，没有经过js运算过；F12查看到的开发者工具中的Html代码，是经过js运算过的代码。浏览器在接收完Html后还才执行js代码，因而如果是服务器端脚本，查看源代码是服务器端生成的Html，但还没经过js运算。

转载于:https://www.cnblogs.com/npk19195global/p/4494064.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30726161

关注关注

4
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML中进行f12查看源码不全,前端js禁止鼠标右键及F12禁止查看源代码究竟为了什么？...

weixin_34463228的博客

06-15

1191

前端js禁止鼠标右键及f12禁止查看源代码html 在中，f12审查元素的情况下，大家都可以随机更改一部分页面的代码，注入恶意js等等，这种情况避免也不难，虽然还能看到一部分h5，但是无法修改。一、屏蔽f12 审查元素document.onkeydown = function () {if (window.event && window.event.keycode == 123) ...

IDA修改微信浏览器，允许F12代码检查

livepy的博客

11-01

2359

IDA修改微信浏览器，允许F12代码检查

参与评论您还未登录，请先登录后发表或查看评论

查看页面源代码和F12(检查)的区别

weixin_46622976的博客

11-22

2434

查看源代码：就是别人服务器发送到浏览器的原封不动的代码，也就是最原始的代码。 (F12)检查元素：看到的就是最终的html代码。即：源代码 + 网页js渲染。【注】在源代码中找不到的代码，是在浏览器执行js动态生成的。当我们在爬虫时需要对js在加载的数据进行爬取时，就不能像普通爬虫一样进行获取了，这时通常有两种方法： 1. 通过selenum自动化技术 2. 通过在页面上进行抓包，获取js链接以及表单元素进行请求 ...

手把手教你如何利用工具(IE9的F12)去分析模拟登陆网站(百度首页)的内部逻辑过程

Jimcn2009的专栏

06-28

2838

出处:http://www.crifan.com/use_ie9_f12_to_analysis_the_internal_logical_process_of_login_baidu_main_page_website/ 【前提】想要实现使用某种语言，比如Python，C#等，去实现模拟登陆网站的话，首先要做的事情就是使用某种工具，去分析本身使用浏览器去登陆网页的时候，其内部的

Python 如何查看源码：不只是看代码，更是理解底层逻辑的钥匙

热门推荐

Demonskp

08-25

2万+

最近在工作当中遇到了一个很有意思的问题。网页显示和F12当中的源代码显示不一致。实际显示界面开发者工具当中的代码大家可以很明显的看到。其中价格48380-48500 这一个数据在代码中却为 96562-96822。这就很令人困惑了，为什么网页当中的显示值和代码中的数值不一样呢？首先我们考虑了有可能的几种情况： 1、JavaScript更改了数值。但是很明显不是...

python爬取内容和f12不一致_爬取页面和审查元素获取的内容不一致

weixin_39686634的博客

11-30

4043

今天看书看到图片爬虫实战之爬取京东手机图片这一节，想着自己动手练习一下，因为以前看过视频所以思路还是比较清晰，主要是为了复习巩固刚刚学的正则表达式。打开京东手机页面，https://list.jd.com/list.html?cat=9987,653,655&page=1&sort=sort_rank_asc&trans=1&JL=6_0_0#J_main审查元素发现手机图片有两种格式：1.每...

python requests爬取到的信息跟按F12看到的源代码不一样

06-05

这可能是因为网站使用了 JavaScript 进行动态渲染，而 requests 爬取的是静态 HTML 内容。你可以尝试使用 Selenium 或者其他支持 JavaScript 渲染的库来模拟浏览器行为，获得完整的页面信息。另外，也可能是网站对...

vba获取html代码数据,用VBA实现网页数据获取

weixin_31847389的博客

06-05

7026

做某个学校大作业的时候，需要查接近$500$个数据；手动是不太现实的于是通过网上冲浪找到了使用VBA的实现方法，在这里稍微总结下VBA就是Microsoft Office / WPS Office中可以使用的Visual Basic插件；利用插件可以实现各种数据的获取和处理，并最终将数据存到Excel中如果根据教程正确完成安装后，点开Excel的“开发工具”选项，就能发现“”VB编辑器”选项已经是...

网页源代码与开发者工具里打开的代码有何区别？在爬取网页是我们该如何进行选择？（网页源代码，框架源代码，开发者工具三者的联系）

小白巨白的博客

03-26

3766

网页源代码与开发者工具里打开的代码有何区别？在爬取网页是我们该如何进行选择？希望你可以不浪费读我这篇文章的时间，可以从中有所学，有所成长！！！冲冲冲(ง •_•)ง 大家在产生疑惑的地方各有不同，有人是网页制作，有人是网页信息爬取，一个萝卜一个坑，今天我就来对网页爬取是出现的状况进行分析，并处理简单对这两个名词进行介绍吧网页源代码：网页源代码是对一个网页所组成代码的构成，我们打开一个...

查看网页源码编码格式命令

Bonner1的博客

12-11

2593

查看网页源码编码格式查找网页源码编码格式查找网页源码编码格式首先是F12—>到控制台Console—>输入document.charset

IE调试网页之六：使用 F12 开发人员工具调试 HTML 和 CSS (Windows)

weixin_33739523的博客

02-27

300

　　F12 开发人员工具可帮助你查找和修复 HTML 和级联样式表 (CSS) 代码中的错误。如果不使用这些工具，则可能很难在源代码中发现这些错误。通过在 Windows Internet Explorer 解释源时在文档对象模型 (DOM) 树中显示你的 HTML 和 CSS 代码，可以更容易地调试动态生成的更改之类的代码。　　本主题包含下列部分：　　使用“HTML”选项卡　　“H...

python爬虫入门篇（二）

weixin_64050468的博客

05-09

1752

python异步爬取源代码中没有的数据，利用api接口获取数据，并可视化，开发者工具的部分功能的简要含义

chrome浏览器中 F12 功能的简单介绍

while_int的博客

10-20

5032

首先介绍Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还有网络（Network）等。箭头（或用者用快捷键Ctrl+Shift+C）进入选择元素模式，然后从页面中选择需要查看的元素，然后可以在开发者工具元素（Elements）一栏中定位到该元素源代码的具体位置。查看元素属性：可从被定位的源码中查看部分，如class、src，也可在右边的侧栏中查看全部的属性，如下图位置查看。右边的侧栏个功能的介绍:如下图所示。

6. 常见的文件编码方式及查看网页源码的编码方式

weixin_63986098的博客

06-09

3770

Unicode在制定时计算机容量已不是问题，所以设计成了固定两个字节，所有的字符都用16位表示，包括之前只占8位的英文字符等，所以会造成空间的浪费，因此Unicode在很长的一段时间内都没有得到推广应用。为了自己的语言能在计算机中正常显示，每个国家和地区都有各自的编码，所以编码多了谁也不认识对方的编码，这时候ISO组织就提出了一种新的编码叫UNICODE编码让全球的文化、字符、符号都能支持。如果要表示中文，UTF-8编码效率要低于GBK，高于UTF-16，所以它也是除了GBK之外最理想的编码方式。

浏览器f12 查看源代码

07-15

你可以通过在浏览器中按下 F12 键来打开开发者工具，然后选择"Elements"或"Sources"选项卡来查看网页的源代码。这将显示网页的HTML、CSS和JavaScript代码，以及其他相关资源。你可以使用这些工具来检查和调试网页，...