網頁源碼輕松看

2024-04-25 20:29:51

字體：大中小

來源：轉載

供稿：網友

經常在網上轉悠，你一定會發現很多制作精美的網頁，那么有沒有想過分析它們的源碼，將它們的設計思想“借用”過來，給自己的網站也認真裝飾一番呢？但是，有些網站的主人卻對網頁進行了一些限制，讓你無法查看源代碼，有時候甚至讓你無法復制網頁上的文字，讓人很懊惱。其實，網頁源碼的查看也有許多技巧可循，只要你掌握了它們，就能夠事半功倍地為自己的網頁服務，下面就將這些技巧一一介紹給大家。

    1、查看帶有框架（Frame）的網頁源碼

    如果有的網頁中使用了框架（Frame），或者使用了多窗口，那么利用IE菜單上的命令就只能得到框架設置的源碼，因此無法查看網頁設計的細節。此時久需要變通一下方法。將鼠標指針移到網頁中非鏈接的位置，單擊鼠標右鍵，在彈出的窗口中選擇“查看源文件”功能。需要查看哪個窗口的源文件，就將鼠標指針指向哪個窗口，再通過點擊右鍵菜單來進行操作。

    2、使用特殊的命令

    其實，最簡單的方法大概是利用命令了。它的格式為： view-source：http://*.*.*，此時，網頁不會顯示，卻會出現一個顯示網頁源碼的文本框。

    對于帶有框架的網頁，可以首先找到框架內某個感興趣的網頁名稱，然后再通過該命令查看框架內的網頁源碼。

    3、利用網頁編輯器

    上面的方法固然有用，但是，有的網頁保密工作做的非常周全，首先它使用了多窗口的Frame頁，讓IE菜單上的源碼查看功能不能發揮作用，接著它又將鼠標的右鍵屏蔽了，怎么辦呢？這時候我們可以考慮使用網頁編輯器來查看網頁源碼。

    以IE為例，具體操作方法如下：單擊待查看源文件的Frame窗口，利用鼠標的拖動來選擇要查看的部分，如果鼠標徹底被屏蔽，也可以選擇IE菜單上的“編輯”→“全選”。然后單擊“編輯”→“復制”。接著打開FrontPage 網頁編輯工具，點擊“文件”→“新建”，然后選擇“編輯”→“粘貼”。這時待查看的網頁或其中的一部分內容便被復制了過來，再利用FrontPage 中所見即所得的特性便可查看其源碼了。使用此方法雖然比較繁瑣，但是卻有很有效。首先，這種方法不受任何限制，對所有的網頁都適用，此外，利用這種方法還可以有針對性地查看指定的內容。有時一個網頁的源文件可能很大，從中找到指定的源代碼象是大海撈針。而用此方法可輕而易舉地找到所需要的源代碼。

    如果你嫌麻煩，我們也可以采用另外的方法。首先，將帶有Frame窗口的網頁“令存”，要記住，存的時候要令存為“網頁，全部”的形式，存好之后，你就可以在存好的網頁目錄中找到幾個Frame窗口中子窗口的HTML文件，此時再用FrontPage等網頁編輯工具將其打開即可查看網頁源碼了。

上一篇：網站建設中一些容易被忽視的問題

下一篇：快速發現并改正網站中的無效鏈接