CSS viewer擴(kuò)展是一款Chrome擴(kuò)展，作為屬性查看器，由Nicolas Huon制作。用戶需要點(diǎn)擊工具欄圖標(biāo)，然后可以將光標(biāo)懸停在任何元素上以查看元素的屬性。CSS viewer擴(kuò)展需要訪問(wèn)用戶的歷史記錄和網(wǎng)站數(shù)據(jù)的權(quán)限，以便檢查頁(yè)面上的屬性。
在本文中，我們將了解什么是 CSS 查看器擴(kuò)展以及我們?nèi)绾问褂盟?/p>
CSS查看器是一款針對(duì)網(wǎng)頁(yè)開(kāi)發(fā)人員的Chrome擴(kuò)展程序
如果一個(gè)訪問(wèn)網(wǎng)站的網(wǎng)頁(yè)開(kāi)發(fā)人員想要知道在特定頁(yè)面上使用的CSS屬性，那么CSS查看器擴(kuò)展程序就會(huì)派上用場(chǎng)。該擴(kuò)展程序可以在頁(yè)面上指向的位置識(shí)別CSS屬性，并幫助用戶輕松識(shí)別頁(yè)面上使用的CSS。該擴(kuò)展程序可以識(shí)別圖像、按鈕、文本等中的CSS代碼。現(xiàn)在，每個(gè)插件都有自己的特點(diǎn)、優(yōu)點(diǎn)和缺點(diǎn)，所以讓我們來(lái)談?wù)凜hrome瀏覽器的CSS查看器擴(kuò)展程序的優(yōu)點(diǎn)、特點(diǎn)和缺點(diǎn)。
CSS查看器的特點(diǎn)
該擴(kuò)展程序快速高效，并且安裝相對(duì)簡(jiǎn)單。
它使用戶能夠立即看到 CSS 代碼并節(jié)省時(shí)間。
CSS 查看器的優(yōu)點(diǎn)
這個(gè)擴(kuò)展提供了快速訪問(wèn)。
該擴(kuò)展是跨平臺(tái)的，并適用于所有瀏覽器。
它還可以集成對(duì)象以及同步云存儲(chǔ)和系統(tǒng)，以便可以在單個(gè)工作區(qū)中工作。
CSS查看器的缺點(diǎn)
像其他擴(kuò)展一樣，它需要不斷更新。
不同的瀏覽器需要不同版本的相同擴(kuò)展。
該擴(kuò)展程序需要用戶的許多權(quán)限，而且在某些情況下，由于這個(gè)原因可能會(huì)發(fā)生數(shù)據(jù)泄露等意外情況。
CSS 查看器擴(kuò)展的快捷方式
每個(gè)可安裝的擴(kuò)展和插件都有自己的快捷鍵。CSS查看器的快捷鍵為?
F 用于凍結(jié)或解凍網(wǎng)頁(yè)上顯示的彈出窗口。
C 復(fù)制當(dāng)前正在查看的元素的代碼。
用戶可以按下 esc 鍵來(lái)關(guān)閉擴(kuò)展。
如何安裝CSS查看器Chrome擴(kuò)展程序？
安裝 CSS 查看器是一個(gè)簡(jiǎn)單的過(guò)程。安裝擴(kuò)展的步驟如下 –
步驟1 ? 安裝擴(kuò)展程序，我們需要訪問(wèn)Chrome擴(kuò)展程序商店或Firefox附加組件。在網(wǎng)店上，擴(kuò)展程序的外觀會(huì)類似于這樣。
步驟2 – 現(xiàn)在，您需要根據(jù)您使用的瀏覽器點(diǎn)擊“添加到Chrome”或“添加到Firefox”按鈕，它將看起來(lái)像這樣。
當(dāng)擴(kuò)展程序安裝完成后，您將會(huì)看到一個(gè)彈出窗口，它將出現(xiàn)在瀏覽器的右上方。
第 3 步 – 現(xiàn)在，我們必須使用 CSS 查看器。因此，首先我們需要通過(guò)單擊圖標(biāo)來(lái)啟動(dòng)擴(kuò)展，然后單擊圖標(biāo)后面出現(xiàn)的啟動(dòng)按鈕。
現(xiàn)在，您可以將鼠標(biāo)懸停在任何元素或圖像上，以查看該特定元素的CSS屬性。
為了更好地理解功能擴(kuò)展，讓我們看一個(gè)例子。
示例
在這個(gè)例子中，我們想要知道一個(gè)網(wǎng)站的CSS代碼。所以，我們只需要將鼠標(biāo)懸停在上面，我們?cè)谶@里使用的網(wǎng)站是教程點(diǎn)網(wǎng)站。您可以在激活擴(kuò)展之前查看輸出。
這是我們的網(wǎng)站在激活擴(kuò)展程序之前的樣子，讓我們看看激活擴(kuò)展程序并將鼠標(biāo)懸停在各個(gè)元素上之后的樣子。
當(dāng)我們將鼠標(biāo)懸停在網(wǎng)站上的任何元素上時(shí)，我們將看到一個(gè)彈出窗口，如上圖所示。此處的圖像展示了 CSS 代碼中使用的不同屬性，例如字體大小、高度、顏色和背景，以及元素的位置。網(wǎng)站上具有 CSS 屬性的每個(gè)元素都可以懸停在上面以查看此彈出窗口，您還可以復(fù)制該特定屬性的代碼。
結(jié)論
CSS 查看器是為開(kāi)發(fā)人員制作的擴(kuò)展，以便開(kāi)發(fā)人員可以查看開(kāi)發(fā)人員懸停在其上的任何網(wǎng)頁(yè)或網(wǎng)站的 CSS 代碼。該擴(kuò)展最初由 Nicolas Huon 為 fire-fox 制作，后來(lái)又為 chrome 網(wǎng)上商店制作。該擴(kuò)展節(jié)省了開(kāi)發(fā)人員的大量時(shí)間，因?yàn)樗麄儾恍枰檎姨囟ㄔ氐拇a。該擴(kuò)展程序需要用戶數(shù)據(jù)的權(quán)限以及某些其他權(quán)限，這可能會(huì)導(dǎo)致數(shù)據(jù)泄露或勒索攻擊。
以上就是CSS Viewer Chrome 擴(kuò)展，專為開(kāi)發(fā)者打造的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！
