10 декабря 2010 г.

Читаем в хроме

Сегодня мне по почте пришел достаточно большой вордовый документ. Открыл хтмл-вью в гугл-доке, прочитал вступление и… пошел искать плагины для удобного чтения.

Найденные варианты:
iReader,
Readability Redux,
TidyRead
и жс-закладка имени Капцова.
+Бонус-трэк «Reading Glasses»

Идеала не нашел, но каждый из вариантов в чем-то превосходит конкурентов.
(да, все дело происходит в хроме)


1. iReader

Работает не на всех страницах. Нужную мне страничку с документом отказался показывать. А в блогах, новостях все ок — затеняет страницу и показывает нужный текст а удобном красивом виде.
описание на хабре — http://habrahabr.ru/blogs/google_chrome/96407/
сам плагин — iReader

2. Readability Redux

Заменяет страницу «печатной версией».
На «сложных» страницах предупреждает, что в общем-то лучше меня использовать для чтения текста.


3. TidyRead

Совмещает плюсы и минусы первых двух.

4. жс-закладка имени Сергея Капцова

Решение опубликовано в блоге некоего Сергея Капцова, однако автором он себя явно не называет.

Цитирую:

javascript:(function(){var night=function(w){(function(d){var css='* { max-height: none !important; min-height: 0px !important; height: auto !important; max-width: none !important; min-width: 0px !important; width: auto !important; color: Black !important; background: #FFFFCC !important; font: normal normal 24px/1.4em "Times New Roman", Times, serif !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; word-spacing: 0.4mm !important; letter-spacing: 0.2mm !important;}body { padding-bottom: 1em !important; padding-left: 1em !important; padding-right: 1em !important; max-width: 45em !important;}pre { border: #0000a1 1px dashed !important; padding: 10px !important; background-color: #f7f9fa !important;}i { font-style: italic !important; }b { font-style: oblique !important;}.quote { font-style: italic !important; padding: 5px; background-color: #f7f9fa !important;}blockquote, blockquote * { font-style: italic !important; padding: 5px !important; background-color: #f7f9fa !important;}a:visited { color : Purple !important;}a[href]:visited { color: Purple !important;}a[href] {text-decoration: underline !important; color : Blue !important; }a[href]:hover { background: White !important;}a[href]:active { background: transparent !important; text-decoration: none !important;}img { border: none !important;}input, textarea, select { background: White !important; color: Black !important;}input[type="text"], input[type="password"] {min-height: 1.2em !important;}textarea {min-height: 4em !important;}button, input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], input[type="image"] { padding: 2px !important; min-width: 2em !important; height: 1.2em !important; background: Silver !important; color: Black !important; text-align: center !important;}a[accesskey]:after, button[accesskey]:after, input[accesskey]:after,label[accesskey]:after, legend[accesskey]:after, textarea[accesskey]:after { margin-left: 0.3em; content: "(" attr(accesskey) ")"; color: Red;}b, strong, em {font-weight: bold !important;}h1, h2, h3, h4, h5, h6 {font-weight: bold !important;}h1 { font-size: 160% !important; line-height: 1.0em !important;}h2 { font-size: 140% !important; line-height: 1.2em !important;}h3 { font-size: 120% !important; line-height: 1.4em !important;}h4 { font-size: 110% !important; line-height: 1.4em !important;}h5 { font-size: 100% !important; line-height: 1.2em !important;}h6 { font-size: 90% !important; line-height: 1.2em !important;}hr { height: 5px !important; background-color: Black !important; color: Black !important; border: none !important;}}';var s=d.getElementsByTagName('style');for(var i=0,si;si=s[i];i++){if(si.innerHTML==css){si.parentNode.removeChild(si);return}};var heads=d.getElementsByTagName('head');if(heads.length){var node=d.createElement('style');node.type='text/css';node.appendChild(d.createTextNode(css));heads[0].appendChild(node)}})(w.document); for(var i=0,f;f=w.frames[i];i++){try{arguments.callee(f)}catch(e){}}};night(window)})();


устанавливается так: на любой странице в Хроме нажимаем ctrl+D и правим закладку, название ставим какое удобно, а вместо адреса текст букмарклета и всё. Теперь на любой странице достаточно нажать на панели закладок (Ctrl+Shift+B) на созданную закладку и страница преобразится :)
-- конец «Цитирую»

Как видно из кода — жс-закладка честно сносит весь родной цсс и заменяет его своим. При этом страницу действительно становится приятной для чтения. Этот способ работает вообще везде и на всех страницах.


5. Бонус-трэк Reading Glasses

Не совсем то что искал, но «близко к тексту». Клик в текст, затем в кнопку на панельке и на странице остается только нужный вам текст. Остальное затеняется.


Награждаем победителей:

Через час использования всех вариантов в разных условиях оставил Readability Redux и жс-закладку.

Readability Redux — быстро и в большинстве случаев нормально срабатывает на «простых» страницах.
ЖС-закладка Капцова — без рюшечек, настроек, вызывается через жо панель закладок, но работает везде.

Конец.

Комментариев нет:

Отправить комментарий