整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

网页源代码查看竟然有这么多方法!你都知道吗?

我们在浏览网页的时候,看到喜欢的网页,总想研究下它的代码是怎样写的,值得借鉴参考来修改自己的网站源码。你知道如何查看网页源代码吗?

网页源代码是什么?

网站源码,也称源代码,源程序,是指未编译的文本代码或一个网站的全部源码文件,是一系列人类可读的计算机语言指令。通过浏览器或服务器翻译后才是用户最终看到的效果。

网站源码可分为两种,一种是动态源码,如ASP,PHP,JSP,.NET等,另一种是静态源码如HTML等。网页源代码是指网页的html代码,这里可以将CSS代码也称为CSS源代码。

如何查看网站源代码?

今天飞飞主要和你们分享三种方法查看网页源代码,希望可以帮助到你们!

1、鼠标查看源代码

任意打开一个网页,鼠标右击会看到“查看网页源代码”,这个网页的源代码就出现在你眼前了。

网页源代码查看竟然有这么多方法!你都知道吗?

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

2、快捷键Ctrl+U查看源码

为了方便快捷,小伙伴们可以使用快捷键Ctrl+U来查看源码,同样可以实现。

补充:

想要看一个页面的局部样式,可以鼠标右键,点击审查元素。还可以用快捷键F12或者快捷键Ctrl+Shift+I调用或者关闭开发者工具,以此来查看源代码。

3、网页地址栏前面加上入view-source:

也可以在你想要查看的网页地址栏前面加上入view-source:

比如:view-source:https://www.idc02.com/就可以查看驰网官网源代码文件。

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>


感谢您的阅读,加个关注不迷路~

代码一般情况下分为两种,一种是程序功能页的源文件或叫源代码,可以修改网页功能及显示效果,往往由技术人员自己掌握。另一种则是由系统编译之后生成的HTML源代码,这些源代码一般是给浏览器看的,通过HTML超文本编辑语言设计网页的色彩、布局、宽高、样式、动态效果等内容。在建设网站的过程中也可以用来调试页面显示异常及问题分析。

一般上网者看到的网页都包含有HTML源代码吗,这些代码告诉浏览器应该以哪种方式展现网页内容,可以理解为机器代码,是开发者与浏览器达成共识的呈现,并非用于普通浏览者识别。那么如果想要查看网页源代码应该如何操作呢?
第一种方法:在当前网页点右键“查看网页源代码”:

第二种方法:如果点右键没有如上菜单,可以直接使用快捷键“ALT+V+C”,也可以在弹出的菜单里找到“查看网页源文件”选项。一般出现在当前网页的右上角。

以上二种方法是常用的查看网页源代码的方法,一般是为了便于分析HTML代码,技术人员专用。普通浏览者看到的则是一堆代码,除了汉字完全就看不明白是什么。

#本代码作用:爬取贴吧的页面信息
'''观察发现在百度贴吧搜索python时:
1、百度贴吧第1页网址:http://tieba.baidu.com/f?ie=utf-8&kw=python&fr=search&red_tag=p0106761335
2、百度贴吧第1页网址:http://tieba.baidu.com/f?kw=python&ie=utf-8&pn=50
3、百度贴吧第1页网址:http://tieba.baidu.com/f?kw=python&ie=utf-8&pn=100
4、百度贴吧第1页网址:http://tieba.baidu.com/f?kw=python&ie=utf-8&pn=150
观察上面的网址规律发现kw=python,即搜索关键字在ke=后面,同时网页地址最后为pn=50*(n-1),
即可得出结论第一页的网址应该为:http://tieba.baidu.com/f?kw=python&ie=utf-8&pn=0
测试结果第一页的网址确实如此
'''

下图所示:

代码如下:

#1、下面开始导入相应的模块
import requests
from bs4 import BeautifulSoup
import time
#2、设置请求网址,即百度贴吧
def spider1(begin,end,kw):
 headers={
 "User-Agent":"Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36"
 } #设置请求头
 for page in range(begin,end): #遍历range对象的数值,相当于遍历页码
 pn=(page-1)*50 #将(页码的值-1)*50赋值给pn
 url="http://tieba.baidu.com/f?kw="+str(kw)+"&ie=utf-8&pn="+str(pn) #设置网页地址为百度贴吧地址,kw为搜索关键字,pn为页码的转换值
 response=requests.get(url,headers=headers) #对网站进行get请求,并伪装成浏览器进行请求
 response.encoding="utf-8" #自动解析编码格式并赋值给response.encoding
 html=response.text #将网页源代码赋值给html
 print("开始打印百度贴吧关键字是:{}的第{}页网页源代码{}".format(kw,page,html))
 time.sleep(1) #时间休眠1秒
 print("第{}页打印完成".format(page)) #打印第多少页打印完成
spider1(1,5,"python")

运行结果如下图所示: