Opera用ユーザJavaScriptファイルの例

Webサイトを作る側として他のサイトを見ていると気になるのは、 フォントの読みにくさだったりします。

MS Pゴシックで表示されると英数字の表示が気に入らないので個人的にはArialとかVerdana系にしてしまいたいのですが、 ブラウザの表示フォントを変えてしまうとすべての閲覧サイトで変更されてしまって好ましくありません。 特定のサイトだけフォントを変えたい、と。 そんなわけでOperaのユーザJavaScriptファイルを書いてみました。

// ==UserScript==
// @include http://www.atmarkit.co.jp/*
// @include http://gigazine.net/*
// @include http://www.itmedia.co.jp/*
// @include http://jsgt.org/*
// @include http://slashdot.jp/*
// @include http://www.postgresql.jp/*
// @include http://journal.mycom.co.jp/*
// @include http://sunset.freespace.jp/*
// @include http://www.applelinkage.com/*
// @include http://www.ohmynews.co.jp/*
// ==/UserScript==

document.body.style.fontFamily = 'Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Helvetica, sans-serif';

var divTag = document.createElement("div");
var textNode = document.createTextNode("customizing...");
var attr = document.createAttribute("style");
attr.value = "background-color:#FF0000;font-size:11px;font-family:Verdana;color:#FFFFFF;position:fixed;width:15%;top:0;left:85%;z-index:10000;";

divTag.setAttributeNode(attr);
divTag.appendChild(textNode);

document.body.appendChild(divTag);

document.body.style.fontFamilyを設定するだけでなく、 本当にユーザJavaScriptファイルが読み込まれているのか確認するために 「customizing...」という文字列を表示してみました。 GIGAZINEやスラッシュドットでは正しく動作しているように見えますが、 なぜか正しく動作してくれないサイトも....なぜだろう。