㈠ 怎麼查看網站源代碼
IE9瀏覽器默認情況下隱藏了瀏覽器菜單欄,因此在打開IE9瀏覽器以後,需要按鍵盤上的ALT鍵來顯示瀏覽器工具欄。
在顯示出來的IE菜單欄上點擊菜單「查看」→「源文件」。
IE瀏覽器會自動打開一個新的窗口來顯示網頁源代碼。
哦~這份緣文件實在太難看懂了~別著急,其實IE9提供了一個更為強大的網頁源代碼查看工具——開發者工具。
點擊IE9瀏覽器右上角的齒輪圖標,在下拉菜單中點擊「F12開發者工具」,或者直接按鍵盤上的快捷鍵F12也可以打開開發者工具。
IE9的開發者工具提供更為強大的網頁開發查看代碼和調試功能,你可以使用開發者工具更方便地查看網頁HTML代碼,CSS樣式代碼和腳本等信息。
使用Firefox火狐瀏覽器查看網頁源代碼
Windows Vista/7用戶:點擊Firefox瀏覽器左上角的快捷菜單,在下拉菜單中點擊「Web開發者」→「查看頁面源代碼」。
Windows XP/Linux用戶:點擊Firefox瀏覽器的菜單「工具」→「Web開發者」→「查看頁面源代碼」。
鍵盤快捷鍵:Ctrl+U
Firfox瀏覽器會打開網頁源代碼窗口顯示網頁HTML源代碼。
如果想要查看其中外聯的CSS源文件,可以用滑鼠點擊源代碼中的CSS外聯文件鏈接網址。
不過自帶的之中網頁源文件查看器並不好用,你可以嘗試使用插件Firebug來獲取更好用的網頁開發功能。
點擊「Web開發者」→「獲取更多工具」。
在彈出的Firefox新標簽頁中安裝插件「Firebug」。
安裝完成以後會在Firefox瀏覽器的右上角工具欄中添加Firebug的圖標,點擊它就可以使用Firebug網頁調試工具了。
這個工具相當強大哦~
使用谷歌Chrome瀏覽器查看網頁源代碼
點擊Chrome瀏覽器右上角的快捷菜單「工具」→「查看源代碼」。
Chrome瀏覽器會打開一個網頁源代碼顯示窗口,這個源代碼顯示窗口好像也是不那麼友好,一大堆網頁代碼實在不知道如何下手呀。
如果你想要更好的網頁源代碼顯示和開發工具,那就點擊Chrome瀏覽器右上角的快捷菜單「工具」→「開發者工具」。
看看,不需要下載任何插件,Chrome瀏覽器就已經為你提供了一個相當強大的網頁開發者工具了。
使用Chrome瀏覽器開發者工具來查看和調試CSS也相當好用。
㈡ 怎麼查看網頁的源文件
工具/原材料
IE8瀏覽器、電腦。
1、打開電腦在桌面上找到並點擊IE8瀏覽器,IE7瀏覽器的操作也是類似步驟;
㈢ 如何打開網頁源代碼
參考下面方法查看:
操作工具:ie瀏覽器,電腦win7。
1、首先打開電腦的ie瀏覽器進去,如下圖所示。
網站源碼主要作用
生成目標代碼,即計算機可以識別的代碼,對軟體進行說明,即對軟體的編寫進行說明。為數不少的初學者,甚至少數有經驗的程序員都忽視軟體說明的編寫,因為這部分雖然不會在生成的程序中直接顯示,也不參與編譯。
但是說明對軟體的學習、分享、維護和軟體復用都有巨大的好處。因此,書寫軟體說明在業界被認為是能創造優秀程序的良好習慣,一些公司也硬性規定必須書寫。需要指出的是,源代碼的修改不能改變已經生成的目標代碼。如果需要目標代碼做出相應的修改,必須重新編譯。
㈣ 如何查找網頁的源代碼
一、安裝和界面
Instant Source是專為IE開發的插件,所以,安裝後你在開始菜單找不到啟動它的程序。它整合在IE中,如果在你的IE瀏覽器工具欄上沒有發現它的圖標,可以通過「查看→工具欄→自定義」添加。
點擊IE瀏覽器工具欄上的Instant Source圖標,如圖1所示,Instant Source會在IE窗口的下面露出它的真面目,Instant Source幾乎所有的功能,都要通過整合在IE中的這個窗口才能完成。
二、查看源代碼
Instant Source提供了多種源代碼的查看方式,它可以查看整個頁面的源代碼,也可以查看選定文本的源代碼,甚至還可以查看滑鼠所指網頁元素的源代碼。點擊工具欄上的「顯示」按鈕,如圖2所示,在菜單上選擇「滑鼠所指元素」,這樣,在IE中,滑鼠所指網頁元素的源代碼就實時地顯示在Instant Source窗口中了。
三、編輯源代碼
首先需要說明的是,Instant Source對網頁源代碼的編輯,只適合於本地的HTML網頁文件。
在IE中打開一個本地網頁文件,在圖2中選擇「整個頁面(原始)」,這時,你會發現,在Instant Source工具欄上的「應用」按鈕已變為可用狀態,現在,你就可以在Instant Source窗口中編輯該網頁的源代碼了。編輯完成後,點擊「應用」,Instant Source會自動保存該網頁並在IE中實時顯示。這一功能,對於那些習慣於使用源代碼編輯網頁的朋友,無疑是一大福音。
四、保存外部對象
在IE中打開「新浪網」首面,在Instant Source工具欄上點擊「對象」,打開「頁面對象」對話框,你看到了什麼?沒錯,「新浪網」首頁中鏈接到的所有外部對象,包括圖像、Flash電影、js腳本、樣式表以及鏈接到的其它網頁文件都一覽無余
選定一個對象,點擊對話框上的「查看」,可以在默認的瀏覽器中打開該對象;點擊「保存」,可以在本地保存該對象,當然了,點擊「保存全部」,可以保存所有對象;點擊「復制URL」,可以把選定對象的絕對地址復制到剪貼板。不是有很多朋友老問我,怎樣才能保存網頁上的Flash動畫嗎,今天把這個軟體介紹給你,希望再不要問我這樣的問題。
在Instant Source的窗口中,我們可以復制選定的源代碼,也可以點擊工具欄上的「查找」,在網頁源代碼中查找你需要的內容。總之,Instant Source是一款對網頁製作愛好者非常實用的工具,對於其它網民,你也可以利用它查找並保存網頁上的資源。
㈤ 查看網頁源文件的技巧有哪些
IE瀏覽器查看源代碼的方法
IE瀏覽器就是微軟公司出品的Internet Explorer,一般內置在各個版本的Windows操作系統中,現在流行的版本有IE6、IE7,也有少數人開始用IE8,但它還不完善,建議還是使用穩定的IE6或IE7。
打開瀏覽器,輸入一個網址(拿阿邦網舉例),待頁面全部打開。找到一塊你覺得感興趣的地方,然後找到它的源代碼,反正是舉例,我就隨便找個目標,比如首屏的「滾動熱點」。
好,目標尋找完畢,在頁面的空白處點擊滑鼠右鍵,在菜單中可以看到「查看源文件」的選項,如圖一,點擊它,然後會彈出一個文本文檔,你會看到一大堆代碼,這就是這個頁面的源文件了。
不過有些做頁面的朋友不厚道,不想讓別人看到源文件,於是添加代碼禁止在網頁中點擊右鍵,這時候你可以點擊瀏覽器菜單欄里的「查看」,裡面有「源文件」選項,如圖二,效果和右鍵查看源代碼相同。
如果這個也給禁止了呢?那我們就把頁面另存一下,點擊瀏覽器菜單欄里文件--另存為,如圖三,存好了之後再拿Dreamweaver或者記事本之類的軟體打開就行了。
如果這個也用不了......那隻能再根據具體情況分析了,稍後再談這個。
那麼長的源文件,看了都頭暈,怎麼找到自己想要的那個部分?搜索呀,尋找有代表性的關鍵詞搜索,有時候可以搜索文字,有時候可以搜索圖片名稱。這個例子比較好找,只要找到「滾動熱點」就可以了。在記事本中按Ctrl+F,或者工具欄中編輯里的查找,如圖四,輸入「滾動熱點」,一下就搜到了。然後再看一下,原來滾動字幕就在<div id="HomeRollText"></div>裡麵包含著。OK,目標找到了。
現在繞回去說剛才沒有解決的那個問題,有些網頁禁止右鍵、禁止查看源文件怎麼辦?有一款對網頁開發非常實用的瀏覽器,還有很多相關插件可以增強其性能,它就是Firefox。
Firefox瀏覽器查看源代碼的方法
Firefox瀏覽器有助於網頁開發製作的功能要遠勝於IE,而且有些禁用頁面效果的Javascript腳本在Firefox里是失效的,再加上Firefox的網頁開發插件,那就更加如虎添翼了。
Firefox瀏覽器查看網頁源代碼的方法基本和IE相似,也是在頁面空白處點擊右鍵選擇「查看頁面源代碼」,直接按Ctrl+U,或者點擊工具欄上的查看「查看頁面源代碼」,如圖五。
如果還是不能查看源代碼,我們可以藉助一下插件,Firefox有一個專業的網頁開發插件叫Web Developer,可以在Firefox的官方網站下載到:https://addons.mozilla.org/zh-CN/firefox/addon/60,如圖六,點擊「安裝到Firefox」按鈕,在彈出的窗口中點擊「安裝」,等到下載完畢就會直接安裝到瀏覽器中了,重啟Firefox瀏覽器,如果你能看到一個新的工具條,這表示它可以正常使用了。
Web Develpoer插件在製作網頁中最常用到的兩個功能是查看CSS(View Css)和查看源代碼(View Source),只需要點擊按鈕就可輕松搞定。
依照上面的步驟,打開頁面,等待全部載入完畢,然後點擊Web Developer工具欄中從右數第二項的View Source,在下拉菜單中再點擊View Source,立刻會彈出一個頁面,這就是頁面的源代碼,而它不是用記事本或其它工具打開的,是Firefox自帶的代碼查看器。在查看器中直接按Ctrl+F或者點擊工具欄菜單中的編輯 --查找,搜索「滾動熱點」,一下就能找到了,這個插件十分方便,尤其是遇到禁用腳本的時候。
OK,查看源代碼的幾種方法就介紹到這,不過這些技巧需要隨時變通,活學活用,希望這些技巧能對你有些幫助。
㈥ 如何查看網頁的源碼
一個網頁的源碼,除了從事IT工作的人員外,很少有人接觸,今天就介紹一種查看一個網頁源碼的方法。
首先打開一個網頁,如https://www.sogou.com/
然後點擊右上角的【菜單】。
然後再點擊【工具】。
就會彈出一個子菜單,其中就包含了【查看源文件】
點擊【查看源文件】即可。