2014-04-09

Googleの検索結果を目に優しくして、PC用メガネいらず! [グリモンあり]


真っ白な背景はまぶしい

プログラマであれば、いつも使うエディタやIDEの背景色を暗めに設定している人は多い。
真っ白な背景色の画面を眺めているのはまぶしいし、
長時間の作業ともなれば目の疲れ、肩こりなどにつながってくる。

それゆえ最近だとPC用メガネなどを掛ける人も多い。
(ディスプレイの輝度MAXでPC用メガネを掛けている人と見るとツッコミを入れたくなる)

毎日Googleで検索するけど

しかし、毎日数十回と繰り返すGoogle検索、
あの検索結果ページは背景が真っ白だけど、そのまま閲覧している人って結構多いんじゃないか説。


目が、目がぁーーーーーーーーーーーーーーーーーー

やさし化


これならずっと見てても平気

GreaseMonkey

背景を緑色にする
// ==UserScript==
// @name        googleBackgroundGreener
// @namespace   google
// @description google検索の背景色を緑にする
// @include     https://www.google.co.jp/search*
// @version     1
// @grant       GM_getValue
// @grant       GM_setValue
// ==/UserScript==
document.body.style.background='#1D3018';
document.body.style.color='#eeeeee';
document.getElementById('taw').style.display = 'none';
document.getElementById('resultStats').style.color = '#eeeeee';
document.getElementById('hdtbSum').style.background = '#1D3018';
document.getElementById('topabar').style.background = '#1D3018';
var elem = document.getElementsByClassName('sfbgg');
for (var i = 0; i < elem.length; i++) {
  elem[i].style.background = '#1D3018';
};
var elem = document.getElementsByClassName('st');
for (var i = 0; i < elem.length; i++) {
  elem[i].style.color = '#eeeeee';
};
var elem = document.getElementsByTagName('a');
for (var i = 0; i < elem.length; i++) {
  elem[i].style.color = '#89C5EF';
};
var elem = document.getElementsByClassName('f');
for (var i = 0; i < elem.length; i++) {
  elem[i].style.color = '#eeeeee';
};
var elem = document.querySelectorAll('.r a:visited');
for (var i = 0; i < elem.length; i++) {
console.log("here");
  elem[i].style.color = '#eeeeee';
};

弱点

JavaScriptのセレクタでは、 :visited 擬似クラスでエレメントを取得できない。
(ユーザのプライバシー保護のため)
そのため、GreaseMonkeyにおいても、訪問済みリンクの色を変えることができない。
これは残念なところだが、目の疲れとどっちを取るかっていうところ。
個人的にはさほど不便はないので良しとする。

快適な検索ライフを!