我們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候,看到喜歡的網(wǎng)頁(yè),總想研究下它的代碼是怎樣寫(xiě)的,值得借鑒參考來(lái)修改自己的網(wǎng)站源碼。你知道如何查看網(wǎng)頁(yè)源代碼嗎?
網(wǎng)頁(yè)源代碼是什么?
網(wǎng)站源碼,也稱源代碼,源程序,是指未編譯的文本代碼或一個(gè)網(wǎng)站的全部源碼文件,是一系列人類可讀的計(jì)算機(jī)語(yǔ)言指令。通過(guò)瀏覽器或服務(wù)器翻譯后才是用戶最終看到的效果。
網(wǎng)站源碼可分為兩種,一種是動(dòng)態(tài)源碼,如ASP,PHP,JSP,.NET等,另一種是靜態(tài)源碼如HTML等。網(wǎng)頁(yè)源代碼是指網(wǎng)頁(yè)的html代碼,這里可以將CSS代碼也稱為CSS源代碼。
如何查看網(wǎng)站源代碼?
今天飛飛主要和你們分享三種方法查看網(wǎng)頁(yè)源代碼,希望可以幫助到你們!
1、鼠標(biāo)查看源代碼
任意打開(kāi)一個(gè)網(wǎng)頁(yè),鼠標(biāo)右擊會(huì)看到“查看網(wǎng)頁(yè)源代碼”,這個(gè)網(wǎng)頁(yè)的源代碼就出現(xiàn)在你眼前了。
網(wǎng)頁(yè)源代碼查看竟然有這么多方法!你都知道嗎?
<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來(lái)查看源碼,同樣可以實(shí)現(xiàn)。
補(bǔ)充:
想要看一個(gè)頁(yè)面的局部樣式,可以鼠標(biāo)右鍵,點(diǎn)擊審查元素。還可以用快捷鍵F12或者快捷鍵Ctrl+Shift+I調(diào)用或者關(guān)閉開(kāi)發(fā)者工具,以此來(lái)查看源代碼。
3、網(wǎng)頁(yè)地址欄前面加上入view-source:
也可以在你想要查看的網(wǎng)頁(yè)地址欄前面加上入view-source:
比如:view-source:https://www.idc02.com/就可以查看馳網(wǎng)官網(wǎng)源代碼文件。
<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
感謝您的閱讀,加個(gè)關(guān)注不迷路~
代碼一般情況下分為兩種,一種是程序功能頁(yè)的源文件或叫源代碼,可以修改網(wǎng)頁(yè)功能及顯示效果,往往由技術(shù)人員自己掌握。另一種則是由系統(tǒng)編譯之后生成的HTML源代碼,這些源代碼一般是給瀏覽器看的,通過(guò)HTML超文本編輯語(yǔ)言設(shè)計(jì)網(wǎng)頁(yè)的色彩、布局、寬高、樣式、動(dòng)態(tài)效果等內(nèi)容。在建設(shè)網(wǎng)站的過(guò)程中也可以用來(lái)調(diào)試頁(yè)面顯示異常及問(wèn)題分析。
一般上網(wǎng)者看到的網(wǎng)頁(yè)都包含有HTML源代碼嗎,這些代碼告訴瀏覽器應(yīng)該以哪種方式展現(xiàn)網(wǎng)頁(yè)內(nèi)容,可以理解為機(jī)器代碼,是開(kāi)發(fā)者與瀏覽器達(dá)成共識(shí)的呈現(xiàn),并非用于普通瀏覽者識(shí)別。那么如果想要查看網(wǎng)頁(yè)源代碼應(yīng)該如何操作呢?
第一種方法:在當(dāng)前網(wǎng)頁(yè)點(diǎn)右鍵“查看網(wǎng)頁(yè)源代碼”:
第二種方法:如果點(diǎn)右鍵沒(méi)有如上菜單,可以直接使用快捷鍵“ALT+V+C”,也可以在彈出的菜單里找到“查看網(wǎng)頁(yè)源文件”選項(xiàng)。一般出現(xiàn)在當(dāng)前網(wǎng)頁(yè)的右上角。
以上二種方法是常用的查看網(wǎng)頁(yè)源代碼的方法,一般是為了便于分析HTML代碼,技術(shù)人員專用。普通瀏覽者看到的則是一堆代碼,除了漢字完全就看不明白是什么。
#本代碼作用:爬取貼吧的頁(yè)面信息 '''觀察發(fā)現(xiàn)在百度貼吧搜索python時(shí): 1、百度貼吧第1頁(yè)網(wǎng)址:http://tieba.baidu.com/f?ie=utf-8&kw=python&fr=search&red_tag=p0106761335 2、百度貼吧第1頁(yè)網(wǎng)址:http://tieba.baidu.com/f?kw=python&ie=utf-8&pn=50 3、百度貼吧第1頁(yè)網(wǎng)址:http://tieba.baidu.com/f?kw=python&ie=utf-8&pn=100 4、百度貼吧第1頁(yè)網(wǎng)址:http://tieba.baidu.com/f?kw=python&ie=utf-8&pn=150 觀察上面的網(wǎng)址規(guī)律發(fā)現(xiàn)kw=python,即搜索關(guān)鍵字在ke=后面,同時(shí)網(wǎng)頁(yè)地址最后為pn=50*(n-1), 即可得出結(jié)論第一頁(yè)的網(wǎng)址應(yīng)該為:http://tieba.baidu.com/f?kw=python&ie=utf-8&pn=0 測(cè)試結(jié)果第一頁(yè)的網(wǎng)址確實(shí)如此 '''
下圖所示:
代碼如下:
#1、下面開(kāi)始導(dǎo)入相應(yīng)的模塊 import requests from bs4 import BeautifulSoup import time #2、設(shè)置請(qǐng)求網(wǎng)址,即百度貼吧 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" } #設(shè)置請(qǐng)求頭 for page in range(begin,end): #遍歷range對(duì)象的數(shù)值,相當(dāng)于遍歷頁(yè)碼 pn=(page-1)*50 #將(頁(yè)碼的值-1)*50賦值給pn url="http://tieba.baidu.com/f?kw="+str(kw)+"&ie=utf-8&pn="+str(pn) #設(shè)置網(wǎng)頁(yè)地址為百度貼吧地址,kw為搜索關(guān)鍵字,pn為頁(yè)碼的轉(zhuǎn)換值 response=requests.get(url,headers=headers) #對(duì)網(wǎng)站進(jìn)行g(shù)et請(qǐng)求,并偽裝成瀏覽器進(jìn)行請(qǐng)求 response.encoding="utf-8" #自動(dòng)解析編碼格式并賦值給response.encoding html=response.text #將網(wǎng)頁(yè)源代碼賦值給html print("開(kāi)始打印百度貼吧關(guān)鍵字是:{}的第{}頁(yè)網(wǎng)頁(yè)源代碼{}".format(kw,page,html)) time.sleep(1) #時(shí)間休眠1秒 print("第{}頁(yè)打印完成".format(page)) #打印第多少頁(yè)打印完成 spider1(1,5,"python")
運(yùn)行結(jié)果如下圖所示:
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。