在打印預覽模式下使用Chrome的Element Inspector？我正在開發一個網站，需要處理打印視圖。通常，當我遇到布局問題時，我會使用Chrome的Element Inspector。但是，這在打印預覽模式下不存在。是否有Chrome插件或其他方式來更改Chrome本身的查看媒體，以打印機的形式查看頁面？我認為它沒有特定于Chrome的解決方案，但這是我的主要瀏覽器，所以擁有一個瀏覽器內的解決方案會很不錯?，F在我只專注于打印預覽媒體，但是能夠更改為任何支持的媒體類型（即所有/盲文/浮雕/手持/打印/投影/屏幕/語音/ tty /電視）。
3 回答
江戶川亂折騰
TA貢獻1851條經驗 獲得超5個贊
Chrome v52 +：
打開開發人員工具（Windows：F12或Ctrl+ Shift+ I，Mac：Cmd+ Opt+ I）
單擊自定義并控制DevTools漢堡包菜單按鈕，然后選擇更多工具>渲染設置（或在較新版本中渲染）。
選中“ 渲染”選項卡上的“ 模擬打印介質”復選框，然后選擇“ 打印介質類型”。
Chrome v48 +（感謝Alex注意到）：
打開開發人員工具（CTRLSHIFTI或F12）
單擊左上角的（切換設備模式）按鈕（CTRLSHIFTM）。
通過單擊（1）菜單中的顯示控制臺確保顯示控制臺（ESC如果開發人員工具欄具有焦點，則鍵切換控制臺）。
選中“渲染”選項卡上的“ 模擬打印介質 ”，可以通過選擇（2）中的菜單中的“ 渲染”來打開該介質。
Chrome v46 +：
打開開發人員工具（CTRLSHIFTI或F12）
單擊左上角的“ 切換設備模式”按鈕（1）。
通過單擊菜單按鈕（2）> 顯示控制臺（3）或ESC按鍵切換控制臺（僅在開發人員工具欄具有焦點時有效），確保顯示控制臺。
打開仿真（4）>媒體（5）選項卡，檢查CSS媒體并選擇打印（3）。
Chrome v43 +：
步驟2中的抽屜圖標已更改。
Chrome v42：
打開開發人員工具（CTRLSHIFTI或F12）
單擊左上角的“ 切換設備模式”按鈕（1）。
通過單擊“ 顯示”抽屜按鈕（2）或ESC按鍵切換抽屜，確保顯示抽屜。
在Emulation> Media下檢查CSS媒體并選擇print（3）。
慕容森
TA貢獻1853條經驗 獲得超18個贊
從Chrome 32開始，您可以在抽屜選項卡CSS media的Screen部分中選擇Emulation。
只需啟用它，選擇print作為目標媒體類型，并且 - 看哪 - 您的頁面幾乎以其打印方式呈現。
使用Esc彈出抽屜，如果它是不可見的。
一只萌萌小番薯
TA貢獻1795條經驗 獲得超7個贊
從Chrome 48（以及之前的幾個版本）開始，該功能似乎再次發生了變化：
前幾個步驟沒有變化：
按下F12以顯示開發人員工具
按ESC打開控制臺
根據之前的答案，可以在“仿真”選項卡下找到該設置。如下圖所示，它現在已移至“渲染”選項卡，可通過單擊“控制臺”選項卡左側的三個點來顯示該選項卡。
添加回答
舉報
0/150
提交
取消