對于很多網(wǎng)頁，打印成紙質版也是很有必要的。但是有時候我們會發(fā)現(xiàn)，打印出來的效果和網(wǎng)頁上的不太一樣，這個時候就需要用到CSS的控制臺了。

在Chrome的開發(fā)者工具中，我們可以通過選中“三個點”——>“More Tools”——>“Rendering”的方式進入CSS控制臺：

Chrome開發(fā)者工具->More Tools->Rendering

在CSS控制臺中，我們可以看到這樣一個頁面：

@media print {
/* 屏蔽所有背景圖像 */
* {
background-image: none !important;
}
/* 屏蔽瀏覽器自帶的頁眉頁腳 */
@page {
size: A4;
margin: 0;
}
/* 調整字體大小、顏色 */
body {
background: none !important;
color: #000 !important;
font-size: 14px !important;
}
}

通過控制這些CSS，我們可以完美地控制網(wǎng)頁打印時的效果，從而使打印出來的紙質版更加符合我們的需要。同時，CSS控制臺也可以用于調整其他CSS，在網(wǎng)頁開發(fā)中有著非常重要的作用。