在firefox中檢視html標籤和網頁

你想要一個更簡單的方法來檢視網頁的html標籤,而不需要在單獨的視窗中檢視原始碼嗎?現在,您可以使用Firefox的X-Ray擴充套件在同一個視窗中檢視合併的網頁和標籤。...

你想要一個更簡單的方法來檢視網頁的html標籤,而不需要在單獨的視窗中檢視原始碼嗎?現在,您可以使用Firefox的X-Ray擴充套件在同一個視窗中檢視合併的網頁和標籤。

之前

通常,如果你想看到網頁背後的原始碼,你必須在一個單獨的視窗中檢視。如果您只對某個特定的部分感興趣,那麼您必須搜尋整個程式碼集,以便找到您要查詢的內容。

在firefox中檢視html標籤和網頁

之後

X-Ray擴充套件將允許您看到文件的標籤(包括類名和ID名)“並排”在同一選項卡中的網頁上。您可以使用關聯選單或工具選單來訪問X射線命令。

在firefox中檢視html標籤和網頁

這裡是相同的網頁部分顯示在上面的第一個螢幕截圖。一開始可能會有點奇怪,直到你習慣了兩者在一起。

注意:您可以透過再次單擊X射線命令或重新整理頁面,將網頁返回到其正常檢視。

在firefox中檢視html標籤和網頁

同一網頁上部分側邊欄的程式碼…

在firefox中檢視html標籤和網頁

最後是一組連結。

在firefox中檢視html標籤和網頁

看看另一個例子,假設您對主提要的一部分是如何設定的感興趣。

在firefox中檢視html標籤和網頁

能夠直接在網頁中看到某個特定元素是如何設定的,肯定比搜尋整個內碼表要好。

在firefox中檢視html標籤和網頁

結論

如果你設計網頁,並且想簡單地檢視別人的網站是如何被編碼的,那麼你可能想嘗試一下這個擴充套件。

連結

下載X-Ray擴充套件(Mozilla附加元件)

  • 發表於 2021-04-13 14:56
  • 閱讀 ( 26 )
  • 分類:網際網路

你可能感興趣的文章

internet explorer 11(internet explorer 11)和火狐33(firefox 33)的區別

internet explorer 11與firefox 33之比較 本文試圖比較Firefox和IE瀏覽器的最新版本。Internet Explorer 11是Microsoft為Windows作業系統設計的最新專有web瀏覽器。另一方面,由Mozilla基金會開發的Firefox是開源的,可以跨多個平臺使用,包括Windo...

  • 發佈於 2020-10-25 15:00
  • 閲讀 ( 53 )

火狐(firefox)和鉻(2014)(chrome (2014))的區別

...狐vs chrome(2014) 在當今許多可用的web瀏覽器中,Mozilla Firefox和googlechrome非常受歡迎,因為它們之間存在一些有趣的差異,這使得它們各具特色。本文比較了2014年釋出的Mozilla Firefox和googlechrome。Firefox是由Mozilla開發的免費開源web...

  • 發佈於 2020-10-26 22:08
  • 閲讀 ( 54 )

為什麼firefoxquantum應該是預設的linux瀏覽器

...瀏覽器仍然是兩極分化的。從微軟Edge、谷歌Chrome、Opera到Firefox,使用者可以從眾多瀏覽器中獲益。隨著第57個版本FirefoxQuantum的釋出,它迎來了一次重大的變革。 ...

  • 發佈於 2021-03-11 22:02
  • 閲讀 ( 64 )

最好的firefox外掛

Firefox以其外掛而聞名,這是有充分理由的:它們可以讓你的瀏覽器做任何事情。但是哪些外掛是最有用的呢?以下是我們認為最好的外掛,它們做什麼,以及在哪裡可以找到它們。 ...

  • 發佈於 2021-03-14 07:47
  • 閲讀 ( 65 )

9個在構建網頁時不應該犯的錯誤

...時網頁的防禦。它會改變頁面的顯示方式。快速瀏覽一下Firefox的quirks模式,就會發現區分大小寫的變化,字型屬性不會繼承到表中,字型大小的計算方式不同,沒有alt屬性的影象有時顯示不正確。 ...

  • 發佈於 2021-03-14 14:13
  • 閲讀 ( 46 )

8個很棒的safari擴充套件,用於書籤和標籤管理

...問題,請檢視我們的故障排除提示。如果您還需要Chrome、Firefox和Opera的書籤工具,我們會為您提供。 ...

  • 發佈於 2021-03-17 02:40
  • 閲讀 ( 63 )

17個簡單的html程式碼示例,你可以在10分鐘內學會

...檢視所有程式碼是如何組合在一起的,或者在文字編輯器中檢視程式碼的具體工作方式。 ...

  • 發佈於 2021-03-18 02:34
  • 閲讀 ( 49 )

mac上自定義safari的最終指南

...喜愛的網頁,您的Safari自定義就不完整。如果要從Chrome、Firefox或HTML檔案匯入書籤,可以透過file>import from匯入。也可以使用bookmarks>Add Bookmark選單選項或快捷鍵Cmd+D從活動選項卡建立書籤。 ...

  • 發佈於 2021-03-21 16:28
  • 閲讀 ( 48 )

管理firefox書籤的完整指南

... 今天我們將向您展示如何在Firefox中建立、組織和管理書籤,這樣您就不會有一個雜亂無章的收藏。 ...

  • 發佈於 2021-03-22 22:53
  • 閲讀 ( 46 )

如何在mac上的safari中管理書籤和收藏夾:完整指南

... 如何從chrome或firefox匯入書籤 ...

  • 發佈於 2021-03-24 18:18
  • 閲讀 ( 71 )
bli497562
bli497562

0 篇文章

作家榜

  1. admin 0 文章
  2. 孫小欽 0 文章
  3. JVhby0 0 文章
  4. fvpvzrr 0 文章
  5. 0sus8kksc 0 文章
  6. zsfn1903 0 文章
  7. w91395898 0 文章
  8. SuperQueen123 0 文章

相關推薦