Я искал незначительные неудобства, испытываемые при чтении некоторых программных блогов, которые публикуют исходный код в статьях тем же шрифтом, что и обычный текст. Единственное исключение из этой проблемы - когда вся статья использует моноширинный шрифт.

Обрезанный скриншот одной из таких статей по программированию:

код

Я нашел некоторое облегчение, просмотрев статью через веб-кеш Google в текстовом режиме, и она показывает статью в моноширинном шрифте, так как у меня уже установлен браузерный шрифт по умолчанию в моноширинный шрифт.

На самом деле я бы предпочел возможность выбрать исходный код из веб-статьи и изменить шрифт с помощью расширения, как в текстовом редакторе.

Используя Inspect element Google Chrome, я изменяю:

<span class="code">
    <p>&nbsp;&nbsp;&nbsp; try<br minmax_bound="true">&nbsp;&nbsp;&nbsp; ...</p>
</span>

чтобы:

<span class="code" style="font-family:monospaced;">
    <p>&nbsp;&nbsp;&nbsp; try<br minmax_bound="true">&nbsp;&nbsp;&nbsp; ...</p>
</span>

если это огромный раздел кода. Но повторять вышеизложенное немного растягивает, если в статье несколько фрагментов кода, и я считаю, что это нецелесообразно. Я очень старался найти расширения браузера Chrome, которые позволили бы пользователю выбрать какой-либо текст и изменить его шрифт, но не повезло.

Вам известно о таком расширении или альтернативном / более простом решении? Заранее спасибо.

PS Я не знаю много о разработке расширений браузера для Chrome, а также о том, предоставляет ли браузер такую функциональность. В свободное время я бы тоже хотел изучить этот маршрут. Это может стать хорошей возможностью познакомиться с расширениями программирования. Между тем, любые новые идеи / мысли от сообщества будут с благодарностью.

Редактирование # 1: я ищу решение, которое позволяет изменять шрифт без перезагрузки страницы. Также могут быть случаи, когда содержимое может измениться после обновления страницы. Просмотр исходного кода в блогах по программированию - это сценарий, с которым я сталкиваюсь чаще всего. Например, веб-статья может содержать некоторый дизайн в стиле ASCII, но автор оригинала представлен основным шрифтом статьи с переменной шириной. Я знаю, что я мог бы просто скопировать художественную часть ASCII (или даже исходный код в блоге по программированию) и просмотреть ее в блокноте. Я начинаю задумываться, не слишком ли я беспокоюсь о тривиальном требовании.

2 ответа2

0

Почему бы вам просто не использовать Google Custom.css, он находится в папке "default"> Таблицы стилей пользователя> Custom.css.

Файл Google custom.css переопределит любой CSS на веб-странице и позволит вам указать все, что вы можете с помощью CSS.

0

На основании предложения MarcusJ в комментариях в ответ, я попробовал Стильное расширение для Chrome. Это сделало работу. Мне потребовалось вручную ввести код CSS и назначить шаблон соответствия URL. Но я нашел расширение Stylebot более удобным в использовании. Stylebot предоставляет простой в использовании интерфейс для выбора элемента HTML и внесения изменений в стиль. Stylebot применяет правило стиля ко всем страницам в этом поддомене. Мне понравилось то, что Stylebot делает работу за кулисами для вас.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .