Юзерскрипт для ускорения реактора
Здорово, реакторчане.
Недавно здесь, но вижу, что многие недовольны новым дизайном. Я тоже.На странице куча картинок, с которыми зачастую не может справиться старенькая видеокарта ноута.
Переход на старый дизайн — не вариант. Он объективно хуже.
Я этот вопрос решил, и поделюсь с Вами как.
Кому это не надо — дальше не читайте.
С правой стороны находится сайдбар, который в 99% нах не нужен, тем более в виде кучи гифок.
Вот его то мы и удалим, вместе с ненужными картинками. Развернем весь контент на 100% ширины.
Напоследок избавимся от горизонтальной прокрутки, появляющейся на устройствах с экраном шириной 1280рх и менее.
Использоваться будет юзерскрипт — это яваскрипт, встраиваемый в страницу.
Картинки — как это работает.
До установки юзерскрипта
После
Инструкция по установке
1. Создайте файл joyreactor.user.js Код в него вставьте из приведенного ниже.2. Установите Greasemonkey или Tampermonkey — в зависимости от браузера.
3. Импортируйте скрипт из файла, просто открыв его с помощью браузера.
Скрипты с расширением .user.js воспринимаются как пользовательские и устанавливаются соответственно.
Код
// ==UserScript==
// @name DelSidebarJoyreactor
// @namespace joyreactor
// @description Удалить сайдбар Джоя
// @include http://joyreactor.cc/*
// @author Den1xxx
// @version 1
// @grant none
// ==/UserScript==
// [1] Оборачиваем скрипт в замыкание, для кроссбраузерности (opera, ie)
(function (window, undefined) { // [2] нормализуем window
var w;
if (typeof unsafeWindow != undefined) {
w = unsafeWindow
} else {
w = window;
}
// [3] не запускаем скрипт во фреймах
// без этого условия скрипт будет запускаться несколько раз на странице с фреймами
if (w.self != w.top) {
return;
}
// [4] дополнительная проверка наряду с @include
if (/http:\/\/joyreactor.cc/.test(w.location.href)) {
//Убираем правый сайдбар
document.getElementById("sidebar").remove();
//Раздвигаем контент на всю страницу и избавляемся от горизонтальной прокрутки
document.getElementById("header").style.width="100%";
document.getElementById("page").style.width="100%";
document.getElementById("container").style.minWidth="100%";
document.getElementsByClassName("topbar_inner")[0].style.width="100%";
document.getElementById("content").style.width="100%";
document.getElementById("content").style.minWidth="100%";
}
})(window);
Для ленивых — установка в 2 клика
1. Установите Greasemonkey или Tampermonkey — в зависимости от браузера.2. Перейдите по ссылке http://fromgomel.com/?module=filesdb&id=4&fid=4&get=1 — будет предложено установить скрипт, соглашайтесь.
Особенности
1. Юзерскрипт отрабатывает ПОСЛЕ загрузки DOM Поэтому правая колонка может при загрузке появиться, и быстро исчезнуть.2. GreaseMonkey включается/отключается на лету. Если понадобился сайдбар — отключили GreaseMonkey и перезагрузили страницу.
3. Всегда можно дописать какие-то правила и подправить, доведя страницу до нужного.
Если будут вопросы и предложения, пишите — отвечу. Наиболее интересные идеи можно включить в скрипт.
