提取當(dāng)前頁面的CSS是前端開發(fā)中非常重要的一步，它能夠讓開發(fā)者更好地了解頁面中的樣式，便于進(jìn)行優(yōu)化和修改。下面是提取當(dāng)前頁面的CSS的方法和示例代碼。 首先，在瀏覽器中打開需要提取CSS的頁面，然后按下F12鍵打開開發(fā)者工具。在工具欄中點(diǎn)擊“Elements”選項(xiàng)卡，然后在右側(cè)面板中找到“Styles”標(biāo)簽。這里面顯示的是當(dāng)前頁面所有的CSS樣式，包括內(nèi)聯(lián)樣式和外部鏈接樣式。 接著，我們可以使用JavaScript代碼來提取當(dāng)前頁面的CSS，示例代碼如下： ``` var styles = document.getElementsByTagName('style'); for (var i = 0; i< styles.length; i++) { console.log(styles[i].innerText); } var links = document.getElementsByTagName('link'); for (var i = 0; i< links.length; i++) { if (links[i].rel == 'stylesheet') { var request = new XMLHttpRequest(); request.open('GET', links[i].href, false); request.send(); console.log(request.responseText); } } ``` 代碼中首先獲取當(dāng)前頁面中所有的`