你想要一個更簡單的方法來檢視網頁的html標籤,而不需要在單獨的視窗中檢視原始碼嗎?現在,您可以使用Firefox的X-Ray擴充套件在同一個視窗中檢視合併的網頁和標籤。
之前
通常,如果你想看到網頁背後的原始碼,你必須在一個單獨的視窗中檢視。如果您只對某個特定的部分感興趣,那麼您必須搜尋整個程式碼集,以便找到您要查詢的內容。
之後
X-Ray擴充套件將允許您看到文件的標籤(包括類名和ID名)“並排”在同一選項卡中的網頁上。您可以使用關聯選單或工具選單來訪問X射線命令。
這裡是相同的網頁部分顯示在上面的第一個螢幕截圖。一開始可能會有點奇怪,直到你習慣了兩者在一起。
注意:您可以透過再次單擊X射線命令或重新整理頁面,將網頁返回到其正常檢視。
同一網頁上部分側邊欄的程式碼…
最後是一組連結。
看看另一個例子,假設您對主提要的一部分是如何設定的感興趣。
能夠直接在網頁中看到某個特定元素是如何設定的,肯定比搜尋整個內碼表要好。
結論
如果你設計網頁,並且想簡單地檢視別人的網站是如何被編碼的,那麼你可能想嘗試一下這個擴充套件。
連結
下載X-Ray擴充套件(Mozilla附加元件)
internet explorer 11與firefox 33之比較 本文試圖比較Firefox和IE瀏覽器的最新版本。Internet Explorer 11是Microsoft為Windows作業系統設計的最新專有web瀏覽器。另一方面,由Mozilla基金會開發的Firefox是開源的,可以跨多個平臺使用,包括Windo...
...狐vs chrome(2014) 在當今許多可用的web瀏覽器中,Mozilla Firefox和googlechrome非常受歡迎,因為它們之間存在一些有趣的差異,這使得它們各具特色。本文比較了2014年釋出的Mozilla Firefox和googlechrome。Firefox是由Mozilla開發的免費開源web...
...瀏覽器仍然是兩極分化的。從微軟Edge、谷歌Chrome、Opera到Firefox,使用者可以從眾多瀏覽器中獲益。隨著第57個版本FirefoxQuantum的釋出,它迎來了一次重大的變革。 ...
Firefox以其外掛而聞名,這是有充分理由的:它們可以讓你的瀏覽器做任何事情。但是哪些外掛是最有用的呢?以下是我們認為最好的外掛,它們做什麼,以及在哪裡可以找到它們。 ...
...時網頁的防禦。它會改變頁面的顯示方式。快速瀏覽一下Firefox的quirks模式,就會發現區分大小寫的變化,字型屬性不會繼承到表中,字型大小的計算方式不同,沒有alt屬性的影象有時顯示不正確。 ...
...問題,請檢視我們的故障排除提示。如果您還需要Chrome、Firefox和Opera的書籤工具,我們會為您提供。 ...
...檢視所有程式碼是如何組合在一起的,或者在文字編輯器中檢視程式碼的具體工作方式。 ...
...喜愛的網頁,您的Safari自定義就不完整。如果要從Chrome、Firefox或HTML檔案匯入書籤,可以透過file>import from匯入。也可以使用bookmarks>Add Bookmark選單選項或快捷鍵Cmd+D從活動選項卡建立書籤。 ...
... 今天我們將向您展示如何在Firefox中建立、組織和管理書籤,這樣您就不會有一個雜亂無章的收藏。 ...