なろう小説を、スマホのブラウザで縦書き! (Chrome版)
タイトルの通り、
なろう小説を縦書きにする設定。
※注意※
!◆利用の際は各自の責任と判断にて行ってください。このスクリプト等で起きた不具合・損害についてわたくしバナセルは責任を負いません◆!
────────────────────
手順は
①ブックマークレット(ブックマークに書いたプログラム)を実行
②WEBサイトのスタイルシート(css)に編集を施す。
─────────────────
ブックマークレットの登録方法は各自調べていただけると幸いです。
─────────────────
①のブックマークレットは、http://bookmarklet.daa.jp/ さまの「スタイルをテスト」を使用いたしました。この場を借りて感謝致します。
②は以下に──
img{
width: 200px;
height: auto; /*挿絵が文字と被るので縮小*/
}
body{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl; /*文字を縦組み化。縦中横非対応。ときどきバグる*/
max-height: 50em !important; /*一行の文字数について*/
}
/*
div#novel_hyouka{visibility:hidden; /◆本文と被るので評価エリアを非表示(諸事情により無効化しました)◆/
}
div#impression{visibility:hidden; /◆本文と被るので感想エリアを非表示(諸事情により無効化しました)◆/
}
div#review{visibility:hidden; /◆本文と被るのでレビューエリアを非表示(諸事情により無効化しました)◆/
}
iframe{
display:none /◆ツイート共有ボタンを消す(諸事情により無効化しました)◆/
}
*/
cssに書き込むのが億劫なかた、
こちらをブックマークレットとして登録してください。
※注意※
!◆利用の際は各自の責任と判断にて行ってください。このスクリプト等で起きた不具合・損害についてわたくしバナセルは責任を負いません◆!
──────────────────────
javascript:(function(){function init(){var newline=unescape("%"+"0A");dead=false;oldCSS=null;x=opener;ta=document.f.ta;ta.select();ta.value="img{width:200px;height:auto;/*%E6%8C%BF%E7%B5%B5%E3%81%8C%E6%96%87%E5%AD%97%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E7%B8%AE%E5%B0%8F*/}div{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;/*%E6%96%87%E5%AD%97%E3%82%92%E7%B8%A6%E7%B5%84%E3%81%BF%E5%8C%96%E3%80%82%E7%B8%A6%E4%B8%AD%E6%A8%AA%E9%9D%9E%E5%AF%BE%E5%BF%9C%E3%80%82%E3%81%A8%E3%81%8D%E3%81%A9%E3%81%8D%E3%83%90%E3%82%B0%E3%82%8B*/max-height:50em!important;/*%E4%B8%80%E8%A1%8C%E3%81%AE%E6%96%87%E5%AD%97%E6%95%B0%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6*/}div#novel_hyouka{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E8%A9%95%E4%BE%A1%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}div#impression{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E6%84%9F%E6%83%B3%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}div#review{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}iframe{display:none/*%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88%E5%85%B1%E6%9C%89%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%B6%88%E3%81%99*/}"+newline+newline;update();}function update(){try{if(!x||x.closed){ta.style.backgroundColor="#ddd";return;}x.bookmarkletStyleSheet;}catch(er){ta.style.backgroundColor="#fdc";setTimeout(update,150);dead=true;return;}if(dead){dead=false;ta.style.backgroundColor="";oldCSS=null;}if(!x.testStyles){var newSS;newSS=x.document.createElement("link");newSS.rel="stylesheet";newSS.type="text/css";x.document.getElementsByTagName("head")[0].appendChild(newSS);x.testStyles=newSS;oldCSS=null;}if(oldCSS!=ta.value){oldCSS=ta.value;if(window.opera)x.testStyles.href="javascript:unescape('"+escape(ta.value)+"')";else if(navigator.userAgent.indexOf("MSIE")!=-1)x.testStyles.href="javascript:unescape('"+escape(escape(ta.value))+"')";else x.testStyles.href="data:text/css,"+escape(ta.value);}setTimeout(update,150);}y=window.open('','','resizable,width=500,height=300');y.document.write('<title>New CSS Style Sheet</title><style>.ec { width: 100%; height: 100%; border: none; margin: 0px; padding: 0px; }</style><body class="ec"><form name="f" style="margin: 0px;" class="ec"><textarea name="ta" wrap="soft" style="margin: 0px; border: 0px; width:100%; height:100%;" class="ec"></textarea><script>'+update+init+'init();<'+'/script>');y.document.close();})()
============
一部編集版公開。
ブックマーク発動後、ページが最後の行に飛んでしまう状態の修正。(リンクを踏んだ際のページ飛びは未対策)
============
javascript:(function(){function init(){var newline=unescape("%"+"0A");dead=false;oldCSS=null;x=opener;ta=document.f.ta;ta.select();ta.value="img{width:200px;height:auto;/*%E6%8C%BF%E7%B5%B5%E3%81%8C%E6%96%87%E5%AD%97%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E7%B8%AE%E5%B0%8F*/}div{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;/*%E6%96%87%E5%AD%97%E3%82%92%E7%B8%A6%E7%B5%84%E3%81%BF%E5%8C%96%E3%80%82%E7%B8%A6%E4%B8%AD%E6%A8%AA%E9%9D%9E%E5%AF%BE%E5%BF%9C%E3%80%82%E3%81%A8%E3%81%8D%E3%81%A9%E3%81%8D%E3%83%90%E3%82%B0%E3%82%8B*/max-height:50em!important;/*%E4%B8%80%E8%A1%8C%E3%81%AE%E6%96%87%E5%AD%97%E6%95%B0%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6*/}div#novel_hyouka{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E8%A9%95%E4%BE%A1%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}div#impression{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E6%84%9F%E6%83%B3%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}div#review{visibility:hidden;/*%E6%9C%AC%E6%96%87%E3%81%A8%E8%A2%AB%E3%82%8B%E3%81%AE%E3%81%A7%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%82%A8%E3%83%AA%E3%82%A2%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA*/}iframe{display:none/*%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88%E5%85%B1%E6%9C%89%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%B6%88%E3%81%99*/}"+newline+newline;update();}function update(){try{if(!x||x.closed){ta.style.backgroundColor="#ddd";return;}x.bookmarkletStyleSheet;}catch(er){ta.style.backgroundColor="#fdc";setTimeout(update,150);dead=true;return;}if(dead){dead=false;ta.style.backgroundColor="";oldCSS=null;}if(!x.testStyles){var newSS;newSS=x.document.createElement("link");newSS.rel="stylesheet";newSS.type="text/css";x.document.getElementsByTagName("head")[0].appendChild(newSS);x.testStyles=newSS;oldCSS=null;}if(oldCSS!=ta.value){oldCSS=ta.value;if(window.opera)x.testStyles.href="javascript:unescape('"+escape(ta.value)+"')";else if(navigator.userAgent.indexOf("MSIE")!=-1)x.testStyles.href="javascript:unescape('"+escape(escape(ta.value))+"')";else x.testStyles.href="data:text/css,"+escape(ta.value);}setTimeout(update,150);}y=window.open('','','resizable,width=500,height=300');y.document.write('<title>New CSS Style Sheet</title><style>.ec { width: 100%; height: 100%; border: none; margin: 0px; padding: 0px; }</style><body class="ec"><form name="f" style="margin: 0px;" class="ec"><textarea name="ta" wrap="soft" style="margin: 0px; border: 0px; width:100%; height:100%;" class="ec"></textarea><script>'+update+init+'init();<'+'/script>');y.document.close();Z=location.href;location.href=Z+'#main_window'})()






