Tăng kích thước phông chữ bảng điều khiển chrome

Làm cách nào để tăng kích thước phông chữ trong bảng điều khiển chrome?

Có vẻ như Paul Ailen đã làm điều đó:

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

CẬP NHẬT

Dưới đây là một số mẹo về cách tùy chỉnh chủ đề: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

Nếu bạn chỉ cần một vết sưng kích thước tạm thời, nhanh chóng, bạn có thể nhấn Ctrl +/ -để thu phóng và Ctrl 0để đặt lại.

Đây là một bài đăng trên blog khá gần đây về chủ đề này.

Về cơ bản, ghi đè Default/User StyleSheets/Custom.csstrong thư mục người dùng của bạn bằng những thứ như:

/* 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;
}

1. Mở trình duyệt
2. Mở bảng điều khiển.
3. Nhấn Ctrl+.

Tôi hy vọng nó sẽ giúp bạn

Nếu bạn đang sử dụng máy Mac, đang sử dụng bàn phím tiếng Nhật và muốn thu phóng bảng điều khiển tạm thời, các bước tắt là:

Phóng to: ⌘ ^

Thu nhỏ: ⌘ -

Đặt lại Thu phóng: ⌘ 0

Các Ứng dụng khác đang sử dụng +để phóng to, nhưng vì trên bàn phím tiếng Nhật, dấu cộng nằm ở cấp độ thứ hai nên chỉ có thể truy cập được bằng phím shift. Vì thế:⌘ ⇧ +

Đó là nơi nó trở nên kỳ lạ, bởi vì đối với Chrome ⌘ ⇧ +dường như có nghĩa là "Nội dung thu phóng". Nếu bạn đang ở trong bảng điều khiển Javascript và làm vậy ⌘ ⇧ +, khu vực nội dung của cửa sổ được phóng to. Nhưng thực hiện Thu nhỏ ⌘ -sẽ di chuyển tiêu điểm trở lại bảng điều khiển và thu nhỏ nó. Kết quả: Nội dung ngày càng lớn, giao diện điều khiển nhỏ hơn. Aaarggghhh .

Windows 7, Google Chrome 19.0.1084.46 m

Phương pháp sửa đổi "User StyleSheets / Custom.css" không hoạt động với tôi, nhưng Ctrl + "+" đã hoạt động :-)

ĐÂY LÀ OBSOLETE - Hãy xem câu trả lời của @ TinyJaguar. Bây giờ bạn chỉ có thể sử dụng Command- + nếu bạn đã chọn một cái gì đó trong bảng điều khiển dành cho nhà phát triển.

Nếu bạn muốn tăng kích thước phông chữ trong bảng điều khiển Javascript, bạn cần một số kích thước phông chữ cụ thể. Nó phức tạp hơn một chút so với việc chỉ đặt kích thước phông chữ cho nguồn:

.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;
}

Tôi đã tạo một plugin nhỏ cung cấp cài đặt trình chỉnh sửa bộ sưu tập cho Công cụ nhà phát triển Chrome, bao gồm khả năng kiểm soát dần kích thước phông chữ .

1. Cài đặt tiện ích mở rộng DevTools Author Chrome từ Cửa hàng Chrome trực tuyến
2. Bật thử nghiệm Công cụ dành cho nhà phát triển trong chrome: // flags / # enable-devtools-tests. Khởi động lại Chrome để cờ có hiệu lực.
3. Mở DevTools (cmd + opt + I); Cài đặt> Thử nghiệm> chọn Cho phép chủ đề giao diện người dùng tùy chỉnh.

Thao tác này sẽ thêm bảng điều khiển 'Cài đặt tác giả' vào Công cụ nhà phát triển Chrome, nơi bạn có thể kiểm soát dần kích thước phông chữ, từ 10px - 22px

Nếu bạn giống tôi, CMD+ +không hoạt động với bạn vì thay vào đó, nó sẽ chuyển bạn sang tab đầu tiên (mặc dù bạn đã Enable ⌘ + 1-9 shortcut to switch panelstắt).

Trong trường hợp đó, hãy mở Công cụ Undock into separate windowdành cho nhà phát triển , rồi truy cập View --> Zoom invào Thanh trình đơn của Chrome. Voilà!

Khi bạn gắn Dev Tools trở lại cửa sổ trình duyệt, View --> Zoom insẽ thực sự tăng kích thước phông chữ trong cửa sổ trình duyệt, nhưng miễn là Dev Tools chưa được gắn, nó sẽ nhắm mục tiêu đến Dev Tools chưa được gắn.

Lưu ý: Từ bên trong DevTools, bạn phải mở Tab Elements để điều chỉnh kích thước phông chữ bằng cách sử dụng "Ctrl +/-". Vì một số lý do mà nó không thể được thực hiện trong các tab khác.

Trong phiên bản Chrome mới hơn, bạn có thể dễ dàng thay đổi kích thước phông chữ của phông chữ trong Công cụ dành cho nhà phát triển.

1. Mở công cụ nhà phát triển
2. Nhấp vào bất kỳ dòng nào trong mã nguồn
3. Nhấn Ctrl + + để tăng kích thước phông chữ hoặc Ctrl + - để giảm kích thước phông chữ

Tôi biết điều này đã cũ, nhưng giải pháp đơn giản mà tôi tìm thấy là tăng min. font sizecài đặt và điều đó sẽ quan tâm đến kích thước phông chữ trong trình gỡ lỗi chrome.

Một cách nhanh chóng khác để thay đổi kích thước phông chữ vĩnh viễn trong các công cụ Chrome Dev: Settings-> Show Advanced Settings-> Web Content: thay đổi phần trăm Thu phóng trang.

Đây là kết quả: http://i.imgur.com/Puzduo9.png

Nếu bạn đang sử dụng MacBook pro 2017 mới hơn, bạn có thể chỉ cần sử dụng lệnh => shift => + hoặc - nhấn tất cả cùng một lúc.

Trên MacO, nếu phím của bạn 0hoặc +hoặc -ở cấp độ thứ hai, thì việc nhập ⌘ ⇧ +sẽ không hoạt động. Trong trường hợp này, bạn cần sử dụng capslock ⇪, sau đó bạn có thể nhập ⌘ +và⌘ 0

Nếu bạn đang sử dụng máy tính xách tay, bạn có thể làm điều đó chỉ với bàn di chuột máy tính xách tay của mình.

Chạm vào bàn di chuột của bạn bằng một ngón tay (chưa nhả ra), sau đó cuộn lên hoặc xuống bằng một ngón tay khác để tăng hoặc giảm kích thước phông chữ.

Chỉ cần đảm bảo rằng bảng điều khiển công cụ dành cho nhà phát triển là tiêu điểm. Đã thử nghiệm và hoạt động trên HP Pavilion, Windows 8 của tôi.

 you can press Ctrl + / - to zoom and Ctrl 0