蓝盾官方网

2019-11-02網站百科19732
  • 詳情內容
  • 留言點評

什麼是網頁源代碼?

通俗地講,就是構造出網頁的一種機器語言,我們通過瀏覽器看到網頁中的圖片、文字等內容,就是網頁源代碼呈現的結果。瀏覽器是客戶端,經它“翻譯”的就是html、css、js等靜態代碼,網頁源代碼在服務器端通常還包括php、asp、java等程序類代碼語言。程序一般是負責輸出和交互網站數據,只在服務器端運行。

如何查看網頁源代碼?

我們通常所指的查看源代碼是指在瀏覽器中查看,各種PC版本瀏覽器幾乎都能簡單直接的“查看源代碼”,方式大同小異︰共同點是在網頁空白處點擊鼠標右鍵會出現菜單,菜單中基本都有“查看源代碼”選項,按下F12鍵都能出現開發者工具,在該工具窗口中也能看到源代碼。

115.png

不同則是通過菜單查看方法存在差異︰

微軟IE瀏覽器以IE9為例默認情況下隱藏了瀏覽器菜單欄,因此在打開IE9瀏覽器以後,需要按鍵盤上的ALT鍵來顯示瀏覽器工具欄。在顯示出來的IE菜單欄上點擊菜單“查看”→“源文件”。IE瀏覽器會自動打開一個新的窗口來顯示網頁源代碼。

使用Firefox火狐瀏覽器查看網頁源代碼,點擊Firefox瀏覽器左上角的快捷菜單,在下拉菜單中點擊“Web開發者”→“查看頁面源代碼”。鍵盤快捷鍵︰Ctrl+U。Firfox瀏覽器會打開網頁源代碼窗口顯示網頁HTML源代碼。

使用谷歌Chrome瀏覽器查看網頁源代碼,點擊Chrome瀏覽器右上角的快捷菜單“工具”→“查看源代碼”。Chrome瀏覽器會打開一個網頁源代碼顯示窗口。

審查元素是指什麼?

與查看源代碼類似,在右鍵菜單和菜單欄中都能找到“審查元素”、“檢查”之類選項,這是一項開發者調試應用功能。審查元素通常是針對某一具體的HTML標簽,在網頁上任意處點擊審查元素將會在開發者工具窗口中直接定位到該元素。

下面我們來進行實例說明,分別通過“查看源代碼”和“審查元素”功能實現查找某一網頁中某一具體元素,在網址為www.yiwuku.com/guestbook.html的網頁中查找留言列表標簽,“查看源代碼”方法︰

20181108230606.png

在源代碼窗口中按下 ctrl+f 鍵搜索“條留言”字樣,回車確定即可定位到該元素。以下是“審查元素”方法︰

108231201.png

直接在網頁目標內容上右擊鼠標選擇“審查元素”項,此時會自動出現開發者工具窗口,其中色塊停留處即為該元素對應標簽。

歡迎點評!也可以是問題反饋和建議

支持Ctrl+Enter提交
暫無留言,快搶沙發!
2

真心很贊,必須打賞!嗯,以資鼓勵~

點此打賞

99%看過的人還會看

蓝盾官方网 | 下一页