Tôi có thể thay đổi kích thước hoặc phông chữ trong phần nguồn của trang xem từ trình duyệt không?

Question

Có một vấn đề nhỏ có thể khiến tôi khó chịu theo thời gian (nếu có người khác cảm thấy như vậy). Mỗi khi tôi sử dụng nguồn trang xem từ bất kỳ trình duyệt nào, văn bản luôn trở nên xấu xí và nhỏ (độ phân giải của máy tính của tôi là 1920x1080 với 17 inch đặc biệt, làm cho chữ cái cực nhỏ và khó nhìn thấy). Có cách nào để thay đổi phông chữ và kích thước trong phần nguồn của trang xem từ bất kỳ trình duyệt nào không? (Ví dụ: Chrome)

Tôi biết tôi có thể phóng to trang bằng cách cuộn chuột hoặc bằng "ctrl" + "+", nhưng đó không thực sự là cách tôi muốn giải quyết.

Cảm ơn

Answer 1

Bạn có thể gán trình chỉnh sửa yêu thích của mình để xem nguồn từ IE và FireFox.

View Webpage Source Code in Your Favorite Text Editor – Firefox

Use an Alternate Source Viewer with IE

Answer 2

Tính đến Chrome 32.0.1700.76 các custom.css không hoạt động như được nêu dưới đây.

Xin xem câu trả lời cập nhật tại đây: Custom.css has stopped working in 32.0.1700.76 m Google Chrome update

Cách cũ là như sau:

Vào thư mục sau:

%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\ 

Mac:

~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css 

và mở tệp Custom.css. Nếu nó không tồn tại, hãy tạo một.

Thêm các dòng sau đây:

body.platform-windows .monospace, 
body.platform-windows .source-code, 
td.webkit-line-content { 
    font-size: 15px !important; 
    font-family: Consolas, Lucida Console, monospace !important; 
    tab-size: 2; 
} 

Tất cả các bạn đang làm là tùy các lớp học sử dụng trong nội bộ của Chrome. Lớp .monospace khá rõ ràng. Lớp .source-code ảnh hưởng đến các mục trong công cụ nhà phát triển của bạn (F12). Một trong những bạn đang tìm kiếm là td.webkit-line-content, đó là một trong đó áp dụng phong cách cho các mục hàng khi bạn chọn View page source.

Bạn cũng có thể chỉnh sửa số dòng bằng cách thêm kiểu cho td.webkit-line-number và cũng có thể chỉnh sửa nền số dòng bằng cách điều chỉnh kiểu cho div.webkit-line-gutter-backdrop.

Chúc mừng.

Answer 3

Theo Jeff Johnson nói - cho Mac các kiểu dưới:

~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css 

Answer 4

On nền tảng Linux (Ubuntu) các file custom.css nằm trong thư mục:

~/.config/google-chrome/Profile #/User Stylesheets/Custom.css