ブラウザで長文を読みやすくする【行間を空けるBookmarklet】

インターネットで文章を読むことは多くありませんか？
長文は読むのが疲れますよね・・・。

そんなときは、行間をあけたり、字を大きくすると楽です。
ブラウザの設定でも変えられるのですが、毎回変えるのは面倒です。

下記のブックマークレットを使って見てください。リンクをクリックすると、動作を試しに確認できます。リセットするには、このページをリロード（再読込）してください。


使い方 ＜すべてに共通＞

(1)リンク部分を「右クリック」して、お気に入りに追加。または、ブックマークバーに、リンクをドラッグします。
(2)お気に入りが出来たら、次回以降、そのお気に入りを選ぶだけで、ページ表示が変化。文字が読みやすくなります。
(3)状態を元に戻すには、ページをリロード（再読込）してください。



A. 行間をあける

行間をあける

javascript:(function(){var e,i;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){var st=e.item(i).style;st.lineHeight='200%';}})()

B. さらに行間をあけるバージョン

行間をもっとあける

javascript:(function(){var e,i;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){var st=e.item(i).style;st.lineHeight='250%';}})()

もっと大きくしたい、調整したい人は、上記の「250％」という数字を、変えてみてください。


C. 行間をあけて、さらに 字を大きくする

行間をあけて、字を大きくする

javascript:(function(){var e,i;document.body.style.zoom=1.35;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){var st=e.item(i).style;st.lineHeight='200%';}})()

おまけ：ウェブサイトにひと工夫！

あなたのウェブサイトに、「字を大きくする」リンクをあらかじめ設置してあげるのも親切です。以下のHTMLコードをホームページに載せてみましょう。Bookmarkletを使わなくても、訪問者のみんなに機能を利用してもらえます。

こんな感じ
↓
【字を大きくする】

このソースは、こんな感じ。コピペしてHTMLソースに貼り付けてみてください。

▼ソース

<a href="javascript:void(0);" onClick="(function(){var e,i;document.body.style.zoom=1.35;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){var st=e.item(i).style;st.lineHeight='200%';}})()">【字を大きくする】</a>

▲