JavaScript（簡稱JS）是前端開發人員必學的一門語言，它可以讓網頁變得更加生動有趣。現在，讓我們一起來學習如何通過JS打印CSS樣式表。

// 獲取樣式表
const styleSheets = document.styleSheets;
// 循環遍歷每個樣式表
for (let i = 0; i< styleSheets.length; i++) {
const styleSheet = styleSheets[i];
// 獲取每個樣式表下的規則（包括CSS樣式）
const rules = styleSheet.rules || styleSheet.cssRules;
// 循環輸出每個規則的樣式
for (let j = 0; j< rules.length; j++) {
const rule = rules[j];
console.log(rule.cssText);
}
}

首先，我們要獲取當前網頁的所有樣式表，可以通過document.styleSheets實現。進入循環遍歷每個樣式表，即for (let i = 0; i < styleSheets.length; i++)。循環中，我們通過styleSheet.rules或者styleSheet.cssRules獲取每個樣式表下的規則（包括CSS樣式）。接著，進入第二層循環，即for (let j = 0; j < rules.length; j++)，循環輸出每個規則的樣式，即console.log(rule.cssText)。

這個函數可以用于調試CSS樣式，在網頁中直接打印出所有CSS樣式，方便我們查看和修改。