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