源代碼(也稱源程序)是指未編譯的按照一定的程序設(shè)計(jì)語言規(guī)范書寫的文本文件,是一系列人類可讀的計(jì)算機(jī)語言指令。 在現(xiàn)代程序語言中,源代碼可以是以書籍或者磁帶的形式出現(xiàn),但最為常用的格式是文本文件,這種典型格式的目的是為了編譯出計(jì)算機(jī)程序。計(jì)算機(jī)源代碼的最終目的是將人類可讀的文本翻譯成為計(jì)算機(jī)可以執(zhí)行的二進(jìn)制指令,這種過程叫做編譯,通過編譯器完成。通俗的理解就是,通過html 語法規(guī)則讓圖片、文字等內(nèi)容,在瀏覽器顯示出來的代碼我們稱之為網(wǎng)頁源代碼。
網(wǎng)頁源代碼與實(shí)際瀏覽器顯示對(duì)比圖源代碼(源文件)是指網(wǎng)頁的html代碼,這里可以將CSS 代碼也稱為CSS源代碼。
第一種:打開一個(gè)網(wǎng)頁后點(diǎn)擊鼠標(biāo)的 右鍵就會(huì)有"查看源代碼",操作 鼠標(biāo)右鍵--->查看源代碼 即可彈出一個(gè)新頁面,而新頁面內(nèi)容就是此網(wǎng)頁的html代碼。
鼠標(biāo)右鍵查看html網(wǎng)頁源代碼
可能會(huì)碰到一些網(wǎng)頁鼠標(biāo)右鍵無反應(yīng)或提出提示框,那是因?yàn)樽鼍W(wǎng)頁的加入了JS代碼來禁止用戶查看源文件代碼或復(fù)制網(wǎng)頁內(nèi)容,但是這種方法也沒用,只有你稍微懂得以下第二種方法即可查看此網(wǎng)頁的源代碼源文件。
源文件、源代碼樣式圖
第二種:通過瀏覽器狀態(tài)欄或工具欄中的點(diǎn)擊 “查看”然后就用一項(xiàng)“查看源代碼”,點(diǎn)擊查看源代碼即可查看此網(wǎng)頁的源代碼源文件。在360安全瀏覽器極速模式下截圖:
查看別人網(wǎng)頁的源代碼可以為我們制作網(wǎng)頁時(shí)候有幫助,以后將介紹查看源代碼更多方法及怎么運(yùn)用到別人的源代碼文件。
首先請(qǐng)打開您的網(wǎng)絡(luò)瀏覽器,然后訪問任何一個(gè)網(wǎng)頁。完成上述步驟后,您可以通過以下針對(duì)不同網(wǎng)絡(luò)瀏覽器的簡單步驟快速查看html網(wǎng)頁源代碼。
1)、Firefox瀏覽器,請(qǐng)按以下步驟操作:點(diǎn)擊火狐firefox瀏覽器右上角“打開菜單”。在下拉菜單中點(diǎn)擊“開發(fā)者”。然后在下拉菜單中選擇點(diǎn)擊“頁面源代碼”,即可查看網(wǎng)頁源代碼。
火狐瀏覽器查看網(wǎng)頁源代碼截圖
2)、谷歌瀏覽器,請(qǐng)按以下步驟操作:
谷歌瀏覽器查看網(wǎng)頁源代碼方法說明截圖在頁面內(nèi)鼠標(biāo)右鍵,點(diǎn)擊“查看網(wǎng)頁源代碼(V)”或直接谷歌瀏覽器中使用快捷鍵“Ctrl+U”即可查看被訪網(wǎng)頁源代碼。
常用瀏覽器我們都可以在瀏覽網(wǎng)頁時(shí),鼠標(biāo)右鍵點(diǎn)擊網(wǎng)頁空白處,在彈出的選項(xiàng)卡中找到“查看網(wǎng)頁源代碼”選項(xiàng),點(diǎn)擊即可查看當(dāng)前被打開網(wǎng)頁的HTML網(wǎng)頁源代碼。