Изменение javascript для изменения цвета шрифта веб-страницы на черный - PullRequest
1 голос
/ 14 марта 2020

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

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

Я не эксперт по кодированию. Можно ли добавить в этот код простое дополнение, которое также изменит цвет шрифта на solid черный?

Вот фрагмент кода:

    javascript:Array.prototype.forEach.call(document.getElementsByTagName("*"), function(e){e.style.fontFamily ="Tahoma"})

Ответы [ 2 ]

0 голосов
/ 14 марта 2020

ВЫ можете сделать это следующим образом.

javascript:Array.prototype.forEach.call(
  document.getElementsByTagName("*"), 
  function(e){
     e.style.fontFamily ="Tahoma"; e.style.color ="#000 !important"
  })

Надеюсь, это поможет:)

0 голосов
/ 14 марта 2020

Вы можете добавить еще одно свойство color для изменения цвета.

 Array.prototype.forEach.call(
      document.getElementsByTagName("*"),
      function(e) {
        e.style.fontFamily = "Tahoma";
        e.style.color = "#000000";
      }
    );

Демонстрация:

function changeColor() {
  Array.prototype.forEach.call(
    document.getElementsByTagName("*"),
    function(e) {
      e.style.fontFamily = "Tahoma";
      e.style.color = "#000000";
    }
  );
}
* {
    color: green;
 }
<button type="button" onclick="changeColor()">Change Color</button>
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<div>Div</div>
<p>P</p>
<span>span</span><br>
<a href="#">a</a>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...