2013年4月8日月曜日

Mikan Browser の UserScript で font size を強制指定する for android 2.3.x

Mikan Browser の UserScript 便利だね。
俺が使ってるUserScriptと、俺が作ったユーザCSSを紹介するよ。

リンク一覧

あんすまさん作
「JavaScriptの有効・無効を判別できるようにUserScriptで画面端にマークを表示」

http://android-smart.com/tool/jsicon.user.js


2chのmikanスレ住人たち作
「すべてのページで背景色を黒、文字色を白に」


俺作
「フォントサイズ拡大」

以下本文
--

あんすまさん作
「JavaScriptの有効・無効を判別できるようにUserScriptで画面端にマークを表示」
http://android-smart.com/2013/02/mikanbrowser_jsicon.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Androidsmart+%28AndroidSmart%29
直リン
http://android-smart.com/tool/jsicon.user.js

広告や重いページがうざいからJS切ることがあるけど
JS切ると動かないフォームとかあったりしてイライラ
そんなときに使えるかも。

そういえば oAutoPagerize は android 2.3.x では使えないんだよな(T-T)

次は
2chのmikanスレ住人たち作
「すべてのページで背景色を黒、文字色を白に」
これサイコー。
有機EL なんかでは画面を黒くして電池持ちをよくしたいときがあるから。
まあ大して変わらないし1万mAhの外部バッテリー持ち歩いてるけど、気分的にねw

これは2chのmikanスレで作成された ユーザーCSS のデフォルトテンプレートを使用したもの。
適当に編集した。
なおJSの命令を/* */で囲んでいるためCSS文中にコメントは挟めないから気をつけて。

// ==UserScript==
// @name black-and-white
// @include http://*
// @include https://*
// ==/UserScript==
// @include に適用したいURLを指定(ワイルドカード使用可)
(function() {
// 以下のcssの中身に適用したいCSSを入れる。
var css = function(){/*

*{color:white!important;
background-color:black!important;}

*/}.toString().split(/\n/).slice(1, -1).join("\n");

var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
heads[0].appendChild(node);
}
})();


なおGoogle検索結果ページだけ反映したいとかは

includeをこうして
// @include http://www.google.co.jp/m?q=*

include効かないっぽいなら
*/}.toString().split(/\n/).slice(1, -1).join("\n");
↑の行の下に
//includeが効かないみたいなので、こちらでチェック。正規表現部分マッチです。
if (! document.URL.match(/http:\/\/www\.google\.co\.jp/i) ) return;

を追加。

さて、android 2.3.x だと
mikanの設定「強制的にズームを有効に」が使えない。
「リソース割り込み設定」も使えない。

そこで僕はクイックコントロールに
「テキストサイズの設定」

「(自作ユーザCSSの)フォントサイズ変更CSS」
を入れている。
このどちらかでほぼすべてのサイトのフォントサイズを拡大縮小できるはずだ。

基本はテキストサイズの設定で指定すればいいと思うが
フォントサイズの変更を禁止する記述のあるサイトでは、CSSで強制的に変更するということ。

ユーザCSSでフォントサイズを拡大するには
前述したUserScriptのテンプレートのCSS部分を

*{font-size:large!important;}

などと変更すればよい。
僕は large から xx-large まで3つ作成して使っている。
もっとスマートなやり方があれば教えてね。

0 件のコメント:

コメントを投稿