如何查看网页的HTML源代码？这里提供详细步骤
每个主要的互联网浏览器都允许用户查看任何网页的HTML（超文本标记语言）源代码。以下部分包含有关在每个主要浏览器中查看源代码的多种方法的信息。
查看网页的源代码时，服务器处理的信息和代码不会出现。例如，搜索引擎处理服务器上的信息，然后在网页上显示结果。换句话说，你可以查看组成结果页面的代码，但不能查看搜索引擎的源代码。
此规则适用于所有服务器端脚本、SSI（服务器端包含）和编程代码。因此，你无法查看搜索引擎、论坛、投票、聊天等中使用的脚本源代码。此外，从源代码复制信息可能会导致错误，或将你引导回从中复制信息的页面。
要在Google Chrome中查看网页的源代码，请使用以下任一方法。
仅查看源代码
方法一
要仅查看源代码，请按计算机键盘上的键盘快捷键Ctrl+U。
方法二
右键单击网页的空白部分，然后从弹出菜单中选择“查看网页源代码”。
查看包含元素的源代码
1、打开Chrome并导航要查看其源代码的网页。
2、单击浏览器窗口右上角的设置图标。
3、从下拉菜单中，选择更多工具，然后选择开发者工具。
4、单击屏幕底部左上角的“元素”选项卡。
提示：在Chrome中，按F12或Ctrl+Shift+I也会打开交互式开发者工具。该工具提供了与源代码和CSS设置的更多交互，允许用户查看代码中的更改如何立即影响网页。
要在Mozilla Firefox中查看网页的源代码，请使用以下任一方法。
仅查看源代码
方法一
要仅查看源代码，请按计算机键盘上的Ctrl+U。
方法二
右键单击网页的空白部分，然后从弹出菜单中选择“查看网页源代码”。
查看包含元素的源代码
1、打开Firefox并导航到要查看其源代码的网页。
2、单击屏幕右上角的菜单Firefox菜单图标。
3、在下拉菜单中选择“更多工具”，然后从展开的菜单中选择“Web开发者工具”。
4、单击屏幕底部部分左上角的“查看器”选项卡。
提示：在Firefox中，按F12或Ctrl+Shift+I也会打开交互式开发者工具。该工具提供与源代码和CSS设置的交互，允许用户实时查看代码中的更改如何影响网页。
查看网页源代码的一部分
1、突出显示网页中要查看源代码的部分。
2、在高亮显示的部分上单击鼠标右键，然后选择“查看选中部分源代码”。
提示：你可以使用Firebug插件查看和编辑页面的源代码，并通过浏览器实时查看更改。
要在Microsoft Edge中查看网页的源代码，请使用以下任一方法。
仅查看源代码
方法一
要仅查看源代码，请按计算机键盘上的Ctrl+U。
方法二
右键单击网页的空白部分，然后从弹出菜单中选择“查看网页源代码”。
查看包含元素的源代码
1、打开Microsoft Edge并导航到要查看其源代码的网页。
2、单击屏幕右上角的设置图标。
3、将鼠标移到下拉菜单中的“更多工具”上，然后从展开的菜单中选择“开发人员工具”。
4、单击屏幕右侧窗口顶部的“元素”选项卡。
提示：在Microsoft Edge中，按F12或Ctrl+Shift+I也会显示交互式开发人员工具。该工具提供与源代码和CSS设置的交互，允许用户实时查看代码中的更改如何影响网页。
要在Microsoft Internet Explorer中查看网页的源代码，请使用以下任一方法。
仅查看源代码
方法一
要仅查看源代码，请按计算机键盘上的Ctrl+U。
方法二
右键单击网页的空白部分，然后从弹出菜单中选择“查看源”。
查看包含元素的源代码
1、打开Internet Explorer并导航到要查看其源代码的网页。
2、单击右上角的工具Internet explorer工具图标
。
3、从下拉菜单中选择“F12开发人员工具”。
4、单击开发人员工具菜单左上角的“DOM资源管理器”选项卡。
提示：在Internet Explorer中，按F12键将显示DOM工具。该工具提供与源代码和CSS设置的交互，允许用户查看代码中的更改如何立即影响网页。
网络解密：怎么查看一个网页的源代码？
源代码一般情况下分为两种，一种是程序功能页的源文件或叫源代码，可以修改网页功能及显示效果，往往由技术人员自己掌握。另一种则是由系统编译之后生成的HTML源代码，这些源代码一般是给浏览器看的，通过HTML超文本编辑语言设计网页的色彩、布局、宽高、样式、动态效果等内容。在建设网站的过程中也可以用来调试页面显示异常及问题分析。
一般上网者看到的网页都包含有HTML源代码吗，这些代码告诉浏览器应该以哪种方式展现网页内容，可以理解为机器代码，是开发者与浏览器达成共识的呈现，并非用于普通浏览者识别。那么如果想要查看网页源代码应该如何操作呢？第一种方法：在当前网页点右键“查看网页源代码”：
第二种方法：如果点右键没有如上菜单，可以直接使用快捷键“ALT+V+C”，也可以在弹出的菜单里找到“查看网页源文件”选项。一般出现在当前网页的右上角。
以上二种方法是常用的查看网页源代码的方法，一般是为了便于分析HTML代码，技术人员专用。普通浏览者看到的则是一堆代码，除了汉字完全就看不明白是什么。
我学爬虫我骄傲 | 装上chrome，开始研究网页源代码（第44天）
学爬虫看这个课程，跟以前黑马比，最大的区别就是这个弹幕基本没有，学着感觉好孤独啊。
而且老师呢，虽然跟我是同龄人，嗯，但是感觉幽默感差一点点，不过客观来说，讲的还不错，挺细的。
准备工作这个环节很重要，一定要好好分析为后面的工作打基础。
先分析下网址。
豆瓣电影250首页的网址是https://movie.douban.com/top250
一共是有10页，每页显示25个电影。
于是第二页的网址变成了：https://movie.douban.com/top250?start=25&filter=
这个网址中：“？”表示后面有参数给服务器：start是参数的名，25 是参数的值；然后用 & 这个符号把后面的参数连接起来。filter = 是说后面没有其他的过滤器。
这行代码的意思就是告诉豆瓣的服务器，我现在是想看 25个以后的一些内容。
于是，这个机灵的小家伙就从第26个
如果把25换成30呢？那服务器就会从第31个电影发给你，而页面依然会显示25部电影。
Filter可不可以去掉呢？直接删，其实也并不影响浏览结果的。
有兴趣的朋友可以试试，蛮有意思的。
爬虫与真实用户浏览的区别就是：我们看到的是经过浏览量解析之后的页面，而爬虫拿到的是网页的源代码。
最终得出结论：
1、页面包括250条电影数据，分10页，每页25条；
2、每页的URL的不同之处：最后的数值=（页数 -1） * 25。
这里需要用到chrome开发者工具来分析网页。
先下载一个chrome，这个过程就不赘述了。
这个东东以前我一直感觉挺高大上的，如我等屌丝，一直都是用360的。
结果这头一次用，果然就被嫌弃了，死活登录不上网页。
一开始告诉我ERR_CONNECTION_TIMED_OUT ，折腾了半天又跟我说ERR_CONNECTION_RESET。
大汗淋漓、难上加难的折腾半天，结果不知道碰到哪里了，最后莫名其妙的就进去了。
这个过程，像极了男人第一次的样子。
在chrome中，按 f12进入开发者模式，然后 Elements 功能中，左上角有个小箭头，可以帮助在网页源代码中进行定位。
若是点 Network 则可以看访问日志。
点访问top250，可以知道访问这一个网页时候，我做了哪些事情，以及服务器做了哪些事情。
当然，我的所有信息它也是一览无遗的。
这里，除了要掌握 user –Agent的内容外，还要掌握，如果想要做一些登录以后才能看到的内容，就必须学会怎么样存储cookie以及读取cookie。
总之，headers是我们在向网页发起请求访问网页时，给服务器发送的消息。服务器通过这部分信息，鉴定用户身份，包括 cookie 和 user –Agent。
一般Python程序第一行需要加入： # -*- coding: utf-8 -*-
如果没有此文件编码类型的声明，则python默认以ASCII编码去处理。
用来指定文件编码为utf-8的,保证文字在中文处理上是正确的。
可以加入 main 函数用于测试程序： if_name_ == “_main_”
再后面的内容需要打开pycharm，跟着老师一起输代码了，明天再弄吧。
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
