3 回答

TA貢獻(xiàn)1851條經(jīng)驗 獲得超5個贊
Chrome v52 +:
打開開發(fā)人員工具(Windows:F12或Ctrl+ Shift+ I,Mac:Cmd+ Opt+ I)
單擊自定義并控制DevTools漢堡包菜單按鈕,然后選擇更多工具>渲染設(shè)置(或在較新版本中渲染)。
選中“ 渲染”選項卡上的“ 模擬打印介質(zhì)”復(fù)選框,然后選擇“ 打印介質(zhì)類型”。
Chrome v48 +(感謝Alex注意到):
打開開發(fā)人員工具(CTRLSHIFTI或F12)
單擊左上角的(切換設(shè)備模式)按鈕(CTRLSHIFTM)。
通過單擊(1)菜單中的顯示控制臺確保顯示控制臺(ESC如果開發(fā)人員工具欄具有焦點(diǎn),則鍵切換控制臺)。
選中“渲染”選項卡上的“ 模擬打印介質(zhì) ”,可以通過選擇(2)中的菜單中的“ 渲染”來打開該介質(zhì)。
Chrome v46 +:
打開開發(fā)人員工具(CTRLSHIFTI或F12)
單擊左上角的“ 切換設(shè)備模式”按鈕(1)。
通過單擊菜單按鈕(2)> 顯示控制臺(3)或ESC按鍵切換控制臺(僅在開發(fā)人員工具欄具有焦點(diǎn)時有效),確保顯示控制臺。
打開仿真(4)>媒體(5)選項卡,檢查CSS媒體并選擇打印(3)。
Chrome v43 +:
步驟2中的抽屜圖標(biāo)已更改。
Chrome v42:
打開開發(fā)人員工具(CTRLSHIFTI或F12)
單擊左上角的“ 切換設(shè)備模式”按鈕(1)。
通過單擊“ 顯示”抽屜按鈕(2)或ESC按鍵切換抽屜,確保顯示抽屜。
在Emulation> Media下檢查CSS媒體并選擇print(3)。

TA貢獻(xiàn)1853條經(jīng)驗 獲得超18個贊
從Chrome 32開始,您可以在抽屜選項卡CSS media
的Screen
部分中選擇Emulation
。
只需啟用它,選擇print
作為目標(biāo)媒體類型,并且 - 看哪 - 您的頁面幾乎以其打印方式呈現(xiàn)。
使用Esc彈出抽屜,如果它是不可見的。

TA貢獻(xiàn)1795條經(jīng)驗 獲得超7個贊
從Chrome 48(以及之前的幾個版本)開始,該功能似乎再次發(fā)生了變化:
前幾個步驟沒有變化:
按下F12以顯示開發(fā)人員工具
按ESC打開控制臺
根據(jù)之前的答案,可以在“仿真”選項卡下找到該設(shè)置。如下圖所示,它現(xiàn)在已移至“渲染”選項卡,可通過單擊“控制臺”選項卡左側(cè)的三個點(diǎn)來顯示該選項卡。
添加回答
舉報