เพิ่มขนาดตัวอักษรคอนโซลโครเมียม


101

ฉันจะเพิ่มขนาดตัวอักษรในคอนโซล Chrome ได้อย่างไร

ดูเหมือนว่าพอลไอริชทำ:

ป้อนคำอธิบายภาพที่นี่

http://www.youtube.com/watch?v=4mf_yNLlgic

อัปเดต

คำแนะนำบางประการเกี่ยวกับการปรับแต่งธีม: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

ป้อนคำอธิบายภาพที่นี่

คำตอบ:


203

หากคุณต้องการเพียงแค่การกระแทกขนาดชั่วคราวที่รวดเร็วคุณสามารถกดCtrl +/ -เพื่อซูมและCtrl 0รีเซ็ตได้


2
เยี่ยมมากเมื่อฉันทำแว่นตาหาย: P
StackExchange What The Heck

3
ฉันไม่รู้ว่าสิ่งนี้จะใช้ได้ในคอนโซลโดยไม่ขึ้นกับหน้าเว็บ Nice one ...
jcalfee314

3
สำหรับผู้ใช้ Mac: ⌘ +และ⌘-
jherax

2
ขอบคุณพระเจ้าที่มีคนโพสต์สิ่งนี้ ฉันกดแป้นพิมพ์โดยไม่ได้ตั้งใจและเพิ่มขนาดนี้แล้วก็ไม่พบวิธีที่จะเอากลับคืนมาได้จนกว่าฉันจะสะดุดในโพสต์นี้
Volomike

1
ขอบคุณมาก. ใช้งานได้กับคอนโซล Microsoft Edge เช่นกัน
Banketeshvar Narayan

25

นี่คือบล็อกโพสต์ล่าสุดในหัวข้อนี้

โดยทั่วไปแทนที่Default/User StyleSheets/Custom.cssในไดเรกทอรีผู้ใช้ของคุณด้วยสิ่งต่างๆเช่น:

/* Keep .platform-mac to make the rule more specific than the general one above. */
body.platform-mac.platform-mac-snowleopard .monospace,
body.platform-mac.platform-mac-snowleopard .source-code {
    font-size: 11px !important;
    font-family: Menlo, monospace;
}

body.platform-windows .monospace, body.platform-windows .source-code {
    font-size: 12px !important;
    font-family: Consolas, Lucida Console, monospace;
}

body.platform-linux .monospace, body.platform-linux .source-code {
    font-size: 11px !important;
    font-family: dejavu sans mono, monospace;
}

หวานทำให้มีความสุข
amosrivera

4
FYI นี่ไม่ได้ทำอะไรเกี่ยวกับขนาดตัวอักษรในคอนโซลเท่าที่ฉันสามารถบอกได้ มันยอดเยี่ยมสำหรับสิ่งต่างๆเช่นบานหน้าต่างซอร์สโค้ด แต่ดูเหมือนว่าคอนโซลจะมีการตั้งค่าที่เฉพาะเจาะจงมากสำหรับหลายสิ่งที่แทนที่การตั้งค่าขนาดตัวอักษรที่นี่
James Moore

1
@Boris Smus ไม่มีUser StyleSheets/Custom.cssโฟลเดอร์ / ไฟล์ในC:\Users\c22\AppData\Local\Google\Chrome\User Data\Defaultไดเร็กทอรีของฉันบนแล็ปท็อป Windows 8 ของฉัน และฉันได้ตรวจสอบโฟลเดอร์และไฟล์ทั้งหมดในDefaultไดเรกทอรีแล้ว คำถามนี้เมื่อปีที่แล้วมีใครพบว่าcustom.cssไฟล์อยู่ที่ไหนใน Chrome 37.0.x บ้าง? ขอบคุณ
Chris22

1
ที่กำหนดเองสไตล์ถูกลบออกจากโครเมี่ยม: codereview.chromium.org/66383005 หากคุณต้องการกำหนดธีมของคุณเองลองใช้ส่วนขยาย Chrome devtools: github.com/mauricecruz/zero-base-themes
Dio Phung

21
  1. เปิดเบราว์เซอร์
  2. เปิดคอนโซล
  3. Ctrl+กด

ฉันหวังว่ามันจะช่วยคุณได้


คุณช่วยอธิบายให้ละเอียดได้ไหม มันไม่ใช่คำตอบที่ชัดเจนจริงๆ
Paul Turner

เป็นวิธีที่ง่ายกว่าที่เลือกเป็นคำตอบสำหรับคำถามนี้
Selvatico

สำหรับผู้ใช้ Mac: ⌘-และ⌘ +
jherax

1
สิ่งนี้มีผลข้างเคียงที่ไม่พึงปรารถนาจากการซูมองค์ประกอบ UI อื่น ๆ ทั้งหมดเช่นกันและลดพื้นที่การอ่านทั้งหมดที่มีอยู่อย่างมีประสิทธิภาพ
Aditya MP

11

หากคุณใช้ Mac กำลังใช้แป้นพิมพ์ภาษาญี่ปุ่นและต้องการซูมคอนโซลชั่วคราวทางลัดมีดังนี้

ขยายเข้า: ^

ซูมออก: -

รีเซ็ตการซูม: 0

แอปพลิเคชั่นอื่น ๆ กำลังใช้+สำหรับการซูมเข้า แต่เนื่องจากบนแป้นพิมพ์ภาษาญี่ปุ่นเครื่องหมายบวกอยู่ในระดับที่สองจึงสามารถเข้าถึงได้โดยใช้ shift เท่านั้น ดังนั้น: +

มันแปลกตรงไหนเพราะ +เห็นได้ชัดว่าChrome หมายถึง "Zoom Content" หากคุณอยู่ในคอนโซล Javascript และทำเช่น +นั้นพื้นที่เนื้อหาของหน้าต่างจะซูมเข้า แต่การซูมออก -จะย้ายโฟกัสกลับไปที่คอนโซลและซูมออก ผลลัพธ์: เนื้อหามีขนาดใหญ่ขึ้นคอนโซลเล็กลง Aaarggghhh


บันทึกวันของฉัน! เอ้ยฉันเกลียดคีย์บอร์ดญี่ปุ่น
TanC

9

Windows 7, Google Chrome 19.0.1084.46 ม

วิธีการแก้ไข "User StyleSheets / Custom.css" ไม่ได้ผลกับฉัน แต่ Ctrl + "+" ใช้งานได้ :-)


ฉันไม่รู้ว่าทำไมฉันไม่ลองสิ่งนี้ .... เดอร์ ... ขอบคุณ ... อยากเปลี่ยนฟอนต์ว่า ...
PhiloSurfer

8

นี่มันล้าสมัยแล้ว - ดูคำตอบของ @ TinyJaguar ตอนนี้คุณสามารถใช้ Command- + ได้หากคุณเลือกบางอย่างในคอนโซลนักพัฒนาซอฟต์แวร์

หากคุณต้องการเพิ่มขนาดฟอนต์ในคอนโซล Javascript คุณต้องมีขนาดฟอนต์ที่เฉพาะเจาะจง ค่อนข้างยุ่งยากกว่าการกำหนดขนาดตัวอักษรสำหรับแหล่งที่มา:

.source-code {
    font-size: 16px !important;
    font-family: monospace;
}

.console-prompt {
    font-size: 16px !important;
    font-family: monospace;
}

.console-message-text {
    font-size: 16px !important;
    font-family: monospace;
}

.monospace {
    font-size: 16px !important;
    font-family: monospace;
}

#elements-content {
  font-size: 16px !important;
}

2
นี้ได้ผล CSS ในคำตอบที่เลือก OP ไม่ได้ (อย่างน้อยอีกต่อไป)
Chris Redford

คุณจะใส่ css นี้ไว้ที่ไหน
gerl

@ChrisRedford ใช่รหัสนี้ไปไหน ฉันไม่มีC:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.cssไฟล์ใน windows 8
Chris22

@ Chris22 ขออภัยนี่เป็นปัญหาที่ฉันพบเมื่อเกือบปีที่แล้ว ฉันจำไม่ได้ว่าไฟล์อะไรเกี่ยวข้องและฉันไม่ได้พัฒนาอย่างใกล้ชิดกับเว็บเบราว์เซอร์อีกต่อไป
Chris Redford

@ChrisRedford โอเคขอบคุณสำหรับการตอบกลับ ฉันจะใช้ ctrl +/- Chrome ทำให้ยากมากที่จะหาไฟล์ CSS เพื่อแก้ไขตามวัตถุประสงค์ฉันคิดว่า
Chris22

6

ฉันได้สร้างปลั๊กอินขนาดเล็กซึ่งมีการตั้งค่าแก้ไขคอลเลกชันสำหรับ Chrome เครื่องมือสำหรับนักพัฒนา, รวมทั้งความสามารถในการเพิ่มปริมาณการควบคุมขนาดตัวอักษร

  1. ติดตั้งส่วนขยาย DevTools Author Chromeจาก Chrome เว็บสโตร์
  2. เปิดใช้งานการทดสอบเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน chrome: // flags / # enable-devtools-experiment รีสตาร์ท Chrome เพื่อให้แฟล็กมีผล
  3. เปิด DevTools (cmd + opt + I); การตั้งค่า> การทดสอบ> เลือกอนุญาตธีม UI ที่กำหนดเอง

การดำเนินการนี้จะเพิ่มแผง "การตั้งค่าผู้เขียน" ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ซึ่งคุณสามารถควบคุมขนาดตัวอักษรได้เพิ่มขึ้นตั้งแต่ 10px - 22px


6

ถ้าคุณเหมือนฉันCMD+ +ไม่ได้ผลสำหรับคุณเพราะจะเปลี่ยนคุณไปที่แท็บแรกแทน (แม้ว่าคุณจะEnable ⌘ + 1-9 shortcut to switch panelsปิดไปแล้วก็ตาม)

ในกรณีนี้ให้เปิด Dev Tools Undock into separate windowจากนั้นไปที่View --> Zoom inChrome Menu Bar โวล่า!

เมื่อคุณเชื่อมต่อ Dev Tools กลับเข้าไปในหน้าต่างเบราว์เซอร์View --> Zoom inแล้วจริงๆแล้วจะเพิ่มขนาดฟอนต์ในหน้าต่างเบราว์เซอร์ แต่ตราบใดที่ Dev Tools ยังไม่ได้ถูกปลดล็อกจะกำหนดเป้าหมายไปที่เครื่องมือ Dev ที่ไม่ได้ล็อก


1
คุณช่วยดวงตาของฉัน
Vincent Cantin

ดีใจที่ช่วยได้!
Bugs Bunny

4

หมายเหตุ: จากภายใน DevTools คุณต้องเปิดแท็บองค์ประกอบเพื่อปรับขนาดตัวอักษรโดยใช้ "Ctrl +/-" ด้วยเหตุผลบางประการจึงไม่สามารถทำได้ในแท็บอื่น

ใน Chrome เวอร์ชันใหม่กว่าคุณสามารถเปลี่ยนขนาดแบบอักษรของแบบอักษรในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ได้อย่างง่ายดาย

  1. เปิดเครื่องมือสำหรับนักพัฒนา
  2. คลิกที่บรรทัดใดก็ได้ในซอร์สโค้ด คลิกบรรทัดสุ่มบนซอร์สโค้ด
  3. กด Ctrl + + เพื่อเพิ่มขนาดฟอนต์หรือ Ctrl + - เพื่อลดขนาดฟอนต์ การกดคีย์ผสมที่จำเป็นเพื่อเพิ่มหรือลดขนาดฟอนต์

เป็นการซูมที่กำหนดไว้ล่วงหน้า วิธีการตั้งค่าการซูมแบบกำหนดเอง
กรี

3

ฉันรู้ว่านี่เป็นวิธีที่เก่า แต่วิธีแก้ปัญหาง่ายๆที่ฉันพบคือเพิ่มmin. font sizeการตั้งค่าและจะดูแลขนาดตัวอักษรในโปรแกรมแก้ไขข้อบกพร่องของ Chrome


3

อีกวิธีที่รวดเร็วในการเปลี่ยนขนาดตัวอักษรในเครื่องมือ Chrome Dev อย่างถาวร: Settings-> Show Advanced Settings-> Web Content: เปลี่ยนเปอร์เซ็นต์การซูมหน้า

เปลี่ยนขนาดตัวอักษร

นี่คือผลลัพธ์: http://i.imgur.com/Puzduo9.png ขนาดโดยเปรียบเทียบขนาด


มีผลกับ Chrome ทั้งระบบหรือเฉพาะสำหรับ DevTools เท่านั้น?
กรี

มันเปลี่ยนขนาดตัวอักษรทั้งระบบของ Chrome
โอพุง

1

หากคุณใช้ MacBook pro 2017 รุ่นใหม่กว่าคุณสามารถใช้ command => shift => + หรือ - กดทั้งหมดพร้อมกัน


1

ใน MacO หากคีย์ของคุณ0หรือ+หรือ-อยู่ในระดับที่สองการพิมพ์ +จะไม่ทำงาน ในกรณีนี้คุณต้องใช้ capslock จากนั้นจึงพิมพ์ได้ +และ 0


1

หากคุณใช้แล็ปท็อปคุณสามารถทำได้ด้วยแทร็กแพดของแล็ปท็อปเท่านั้น

แตะบนแทร็คแพดด้วยนิ้วเดียว (ยังไม่ต้องปล่อย) จากนั้นเลื่อนขึ้นหรือลงด้วยนิ้วอื่นเพื่อเพิ่มหรือลดขนาดตัวอักษร

ตรวจสอบให้แน่ใจว่าแผงเครื่องมือสำหรับนักพัฒนาอยู่ในโฟกัส ทดสอบและทำงานกับ HP Pavilion, Windows 8 ของฉัน


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.