Обычно я сохраняю важные веб-страницы с помощью функции «Файл -> Сохранить как» в любом браузере, либо горячие клавиши «Ctrl + S». Но особо интересные сайты хочется скачать к себе на диск полностью. При этом чувствую себя хомяком, который тащит всё к себе, но всё равно надо

Ну что ж, скопировать сайт целиком это уже давно не проблема, надо лишь выбрать подходящий для себя способ. А их три:

• Открывать каждую страничку и сохранять на диск
• Использовать онлайн-сервисы
• Пользоваться специальными программами

А теперь подробнее о последних двух способах.

Онлайн-сервисы

Как несложно догадаться из названия – это специальные сайты, с помощью которых можно скачать другие сайты из интернета. Преимущество данного подхода в том, что не нужно устанавливать дополнительных программ, и, соответственно, не важно какая операционная система установлена. Вроде бы всё классно – вставил имя сайта, нажал скачать, и получаешь готовый архив. Но на деле всё оказалось не настолько радужным.

Недостаток сервисов в том, что их мало, а те что есть, работают так себе, либо просят денег. Лично у меня ни разу не получалось скачать даже одностраничный сайт. Сервисы показывали процесс загрузки и зависали. Но тем не менее, список прилагаю:

Пользоваться программой довольно легко, нам в этом поможет «мастер». После запуска программы отображается дерево папок и файлов слева, и приглашение мастера справа. Дерево нужно только для того чтобы открыть ранее сохранённый проект. Нажимаем «Далее» чтобы начать новый проект или возобновить прерванную закачку:

Вводим любое название и путь для сохранения сайта. Путь по умолчанию «C:\Мои Web Сайты» лучше поменять на «C:\Downloads»:

На третьем шаге нужно ввести домен.. Тип проекта можно выбрать «Загрузить сайт(ы)», если это новый проект, или «Продолжить прерванную загрузку», если нужно докачать сайт. Вариант «Обновить существующую закачку» полезен для тех, кто уже имеет копию сайта, но хочет её обновить до последней.

Здесь же можно задать дополнительные параметры, которые могут сократить время загрузки. По умолчанию можно ничего не менять, программа и так отработает нормально. Но всё же рекомендую обратить внимание на некоторые параметры:

• Фильтры. Вы можете ограничить тип файлов для закачки. Например, запретить или разрешить скачивание видео или архивов (ZIP, RAR, CAB). По умолчанию включены картинки png, jpg, gif, файлы стилей css и скрипты js.
• Ограничения. Задайте максимальную глубину сканирования сайта. Глубина – это количество переходов по ссылкам со стартовой страницы. Например, если стартовой является главная страница сайта, а глубина равна 2, то программа скачает первый уровень, т.е. главную страницу, и страницы на которые есть ссылки с главной, и всё. Если задать глубину 3, то будут скачены более глубокие страницы. Оптимальным является 3-4 уровня.
• Линки. Поставьте галочку «Получить вначале HTML файлы!», это позволит сначала выкачать основной текстовый контент сайта, а затем уже картинки и другие файлы.

Идём дальше. На четвёртом шаге можно позволить автоматически устанавливать интернет-соединение и разрывать его по окончании закачки. Также можно выставить автоматическое выключение компьютера, по окончании работы (галочка «Shutdown PC when finished»).

Нажимаем «Готово» и идём за чашечкой кофе, пока WinHTTrack WebSite Copier работает за нас.

Готовый сайт можно открыть двумя способами.

• из папки, в которую сохраняли проект, кликнув по файлу index.html. В этом случае откроется страница со списком всех проектов. Нужно выбрать интересующий.
• из папки с именем самого проекта, кликнув по файлу index.html. В этом случае сразу откроется сайт.

Скрипт DollySites

Я лично пользуюсь платным скриптом, но чтобы его установить нужен хостинг и немного опыта. Но зато скрипт работает очень хорошо, все скопированные мною сайты открывались один-в-один как в оригинале. Этому скрипту . Я его использую для создания копий лендингов, но работает он с любыми, даже самыми большими сайтами.

Offline Explorer

Платная программа-комбайн, есть демо. Из явных отличий от WinHTTrack:

• встроенный Web-browser и Web сервер для локального предпросмотра;
• распознаёт и загружает ссылки из HTML файлов, Java- и VB- скриптов, классов Java, Macromedia Flash (SFW), CSS, XML/XSL/DTD, TOC, PDF, M3U, AAM, RealMedia (SMIL, RAM, RPM) и MS NetShow Channel (.NSC) файлов;
• поиск по загруженным сайтам;
• экспорт в различные форматы (в т.ч. для записи сайтов на CD);
• удаление скриптов со страниц web.archive.org.

Интерфейс покажется более замороченным, но ничего сложного в нём нет. Запускаем мастер:

Выбираем один из 12 шаблонов:

Например, шаблон «Download only one page with images and scripts» заточен для загрузки только одной страницы. Если не знаете какой выбрать, то пусть будет «Default Template». Далее вводим нужный сайт, любое название проекта и путь к папке на диске:

По окончанию загрузки придёт уведомление на рабочий стол.

Из платных, ещё можете попробовать некогда легендарную программу Teleport Pro (на английском), но по-моему за неё просят намного больше, чем она стоит, да и устарела уже.

Какие есть ограничения у копий

Хочу внести ясность, что скопированный проект, даже если он точь-в-точь будет выглядеть как оригинал, это не означает что будут работать все функции. Не будет работать функционал, который исполняется на сервере, т.е. различные калькуляторы, опросы, подбор по параметрам — работать не будут 99%. Если функционал реализован с помощью Javascript, то будет работать.

Но.php скрипты скачать с сервера НЕВОЗМОЖНО, вообще НИКАК. Также не будут работать формы обратной связи и подачи заявок без ручных доработок, кстати DollySites делает это. Учтите, что некоторые сайты имеют защиту от скачивания, и в таком случае вы получите пустую страницу или сообщение об ошибке.

«Жесты мышью». По умолчанию жесты мышью включены, хотя мало кто ими пользуется. Узнать о жестах можно перейдя по ссылке «подробнее». При начальном пользовании браузером, лучше жесты отключить, только мешать будут при случайном использовании.

Для управления жестами показана таблица с описанием действий.

Ниже приведена таблица кнопочного управления мышкой, то есть сочетание клавиш мышки или использование клавиши Ctrl.

«Загрузки». Здесь выбирается папка для загрузок через Яндекс-браузер. По умолчанию это папка «Загрузки» в папке «пользователи» на диске С, но можно изменить, нажав кнопку «Изменить» и выбрав нужное место для загрузок. Если определенное место для загрузок не требуется, то можно установить флажок в пункте «Спрашивать перед загрузкой, куда сохранить файл», тогда постоянно самостоятельно будете указывать, куда нужно сохранять загрузку.

«Система». Первый пункт означает, что при закрытии браузера, приложения не будут закрываться, а будут продолжать работу в фоновом режиме, то есть незаметно для Вас. Это может быть полезно, но при этом занимает часть памяти процессора, что может негативно отразиться на скорости работы компьютера. Посмотреть активные приложения в браузере можно нажав горячие клавиши «Shift»+»Esc» (открывает диспетчер задач для браузера). С моей точки зрения лучше убрать флажок в этом пункте. Пункт «использовать аппаратное ускорение, если возможно» лучше оставить активным. Пункт «Разрешить выгрузку табов» тоже непомешало бы сделать активным, то есть установить там флажок. При большом количестве закладок, браузер может тормозить. Этот пункт снимает нагрузку с браузера, очищая из памяти информацию о закладках, но это никак не отразится на функциях.

И последний раздел — «Сброс настроек браузера». Очень полезная кнопка иногда. Сбросив все

Наверное, у каждого так бывало: сперва ты не понимаешь, зачем эта штука нужна, а потом уже не представляешь без неё свою жизнь (учёбу, работу и прочее). Для меня одной из таких штук стало управление жестами мыши. Фанаты жестового управления используют более 20 различных комбинаций. Но даже 5–7 базовых жестов способны изменить подход к решению повседневных задач в браузере.

Google Chrome

Одно из самых популярных расширений для работы с жестами в Google Chrome - crxMouse. Мы уже о нём нашим читателям. Обладая обширной функциональностью, crxMouse предлагает пользователю большой набор возможностей и настроек. Все действия с вкладками можно осуществлять при помощи жестов: закрыть, открыть, обновить, перейти на следующую/последнюю или предыдущую/первую, прокрутить в конец или начало, добавить в закладки, копировать адрес страницы… И это ещё не весь набор.

Имеются в crxMouse и средства для работы со ссылками и изображениями. Жестом можно открыть ссылку в новой вкладке, новом окне, новом приватном окне, скопировать текст или адрес. Для изображений имеются команды «Открыть на новой вкладке», «Сохранить», «Копировать URL», «Выделить для последующего копирования в буфер обмена».

Настройки для действий с изображениями

Не обязательно использовать предустановленные жесты. Любому действию можно назначить свою комбинацию движений мыши. Для продвинутых пользователей предлагаются рокет-жесты и возможность написания собственных скриптов. Функция синхронизации делает ваши настройки доступными на любом устройстве, а резервное копирование сохранит их при непредвиденных ситуациях. Среди недостатков следует отметить отсутствие русского языка и замедление работы при всех включённых функциях.

Это расширение похоже на crxMouse, но умеет не так много. Например, нет жестов для работы с изображениями. Зато есть жесты для ссылок и текста, резервное копирование настроек, возможность написания собственных скриптов. Расширение вполне подойдёт для тех, кому не обязательно манипулировать рисунками. К тому же оно быстро работает.

По этому жесту у нас будет открываться Лайфхакер

Русский язык в Gestures for Google Chrome также отсутствует, но затруднений в обращении с расширением это не вызывает.

Mozilla Firefox

Самое популярное и самое функциональное расширение жестового управления для Mozilla Firefox. Умеет всё, что нужно, и ещё немного. Любые операции с вкладками, жесты для текста, ссылок и изображений, жесты с использованием колёсика мыши, рокет-жесты - перечислять можно долго. Если же и этого вам будет мало, то на сайте разработчиков есть готовые скрипты на все случаи жизни. Расширение переведено на русский язык, что существенно облегчает настройку.

Недостаток один: для открытия произвольной ссылки приходится использовать скрипт. Для этого нужно нажать кнопку «Добавить схему» в настройках и скопировать в поле «Схема» следующий текст:

Const URL = "//сайт/"; const IN_NEW_TAB = true; const IN_BACKGROUND = false; if (IN_NEW_TAB) gBrowser.loadOneTab(URL, null, null, null, IN_BACKGROUND, false); else gBrowser.loadURI(URL);

Вместо //сайт/ вы вписываете нужный адрес, а в поле «Жест» указываете желаемую комбинацию движений мыши или просто рисуете жест в нижней части окна. Выглядит это, например, вот так.

Настройка открытия сайта Лайфхакер по жесту мыши в FireGestures Mouse Gestures Suite

В качестве альтернативы FireGestures можно обратить внимание на расширение Mouse Gestures Suite. Оно является наследником известного в своё время All-in-One Gestures. Среди плюсов расширения - вполне достаточная функциональность (в том числе жесты для изображений и ссылок и жесты с использованием колеса мыши), быстрая работа, перевод на русский, резервное копирование настроек.

К сожалению, есть и недостатки. Некоторые пункты меню не переведены, настройки не разбиты на группы, и найти нужную получается не сразу. Существенный недочёт: нет возможности настроить открытие произвольного URL по жесту. Mouse Gestures Suite умеет открывать только две избранных закладки, но, чтобы воспользоваться даже этой функцией, придётся покопаться в свойствах закладок. В остальном вполне достойное решение.

Замечено: чем больше вы пользуетесь , тем меньшую пользу принесёт жестовое управление. Если же для работы в основном используете мышь, то вы просто обязаны освоить жесты. С ними ваш браузер уже никогда не станет прежним.

25 февраля 2008 в 19:46 Программируем жесты мышкой

• JavaScript

Многие пользователи Opera и FireFox знают о существовании так называемых Mouse Gestures (для FF существует одноименный плагин) - жестов мышкой, на которые реагирует браузер выполняя различные действия (такие как открытия нового окна, закладки, назад, вперед и т.д. и т.п.), единственный недостаток данной фичи - нет взаимодеймствия с сайтом, и я решил написать небольшую бибилотечку, которая поможет разработчикам добавить подобный функционал на свой сайт…

На данный момент бибилотека понимает только 8 простеших жестов:

• Top - зажимаем кнопку мышки и ведем курсор вверх на 50-200 пикселей (по умолчанию) и отпускаем, смещение по оси X должно быть минимум в два раза меньше. чем по оси Y
• Bottom - ведем курсор вниз
• Right

И их производные

• Top-Left - смещение по осям X и Y не должно различаться более чем в два раза
• Top-Right
• Bottom-Left
• Bottom-Right

Для подключения бибилотеки вам понадобиться добавить следующий код в вашу страницу:

Далее копируем следующий код:

// use jQuery for bind function to event

// set params
navigation.minX = 50;
navigation.minY = 50;
navigation.maxX = 300;
navigation.maxY = 300;
// callback functions
navigation.TopLeft = function (X,Y) { };
navigation.Top = function (X,Y) { };
navigation.TopRight = function (X,Y) { };
navigation.Left = function (X,Y) { };
navigation.Right = function (X,Y) { };
navigation.BottomLeft = function (X,Y) { };
navigation.Bottom = function (X,Y) { };
navigation.BottomRight = function (X,Y) { };

Это заготовка для наших «жестов», первые две строчки необходимы для того, чтобы повесить на глобальные события mousedown и mouseup наши две функции (используется бибилотека jQuery). Следующие 4 строчки указывают параметры жестов, т.е. лимиты в которых они будут срабатывать. Далее идет объявление 8 callback функций, в качестве параметров они принимают абсолютное смещение по оси X и Y.

Дабы исключить ложные срабатывания наших функций, лучше привязать их к нажатой клавиши «Ctrl» (код клавиши «Ctrl» равен 17, если хотите изменить - см. все коды на странице http://unixpapa.com/js/key.html):

$(window).keydown(function(event){
switch (event.keyCode) {
case 17:
$(document).mousedown(navigation.mousedown);
$(document).mouseup(navigation.mouseup);
break;
}
});

switch (event.keyCode) {
case 17:


break;
}
});

А вот так выглядит код из моего примера :

function mouseGestures(){
$(window).keydown(function(event){
switch (event.keyCode) {
//…
// different keys do different things
// Different browsers provide different codes
// see here for details: unixpapa.com/js/key.html
//…
case 17:
$(document).mousedown(navigation.mousedown);
$(document).mouseup(navigation.mouseup);
break;
}
});
$(window).keyup(function(event){
switch (event.keyCode) {
case 17:
$(document).unbind("mousedown");
$(document).unbind("mouseup");
break;
}
});

Navigation.maxX = 300;
navigation.maxY = 300;
navigation.TopLeft = function (X,Y) { select($("div#left div.top"),Math.abs(X-Y)) };
navigation.Top = function (X,Y) { select($("div#center div.top"),Y) };
navigation.TopRight = function (X,Y) { select($("div#right div.top"),Math.abs(X-Y)) };
navigation.Left = function (X,Y) { select($("div#left div.middle"),X) };
navigation.Right = function (X,Y) { select($("div#right div.middle"),X) };
navigation.BottomLeft = function (X,Y) { select($("div#left div.bottom"),Math.abs(X-Y)) };
navigation.Bottom = function (X,Y) { select($("div#center div.bottom"),Y) };
navigation.BottomRight = function (X,Y) { select($("div#right div.bottom"),Math.abs(X-Y)) };
}
function select(el,k) {
var speed = 1500;
switch (true) {
case (k