Главная › Интернет › Восстановление закладок Google Chrome. Bookmarks Backup. Копирование и восстановление закладок

Восстановление закладок Google Chrome. Bookmarks Backup. Копирование и восстановление закладок

Отличный сервис Google - синхронизация закладок браузера. Очень удобно, когда имеешь несколько устройств. Но иногда (очень редко), сталкиваемся с проблемой синхронизации, исправить которую не так просто. Вроде бы и в интернете очень много информации, решений данной проблемы, но столкнувшись с данной проблемой, ни одна статья мне не помогла, поэтому я решил написать этот пост, что бы помочь или же сэкономить Ваше время на поисках решений.

Проблема следующая:
Готовил на продажу ноутбук и хотел удалить с него всю информацию, в том числе и закладки браузера, пароли, историю и тд и тп. В поспешном действии я удалил закладки, не выводя браузер из своего аккаунта Google. Молниеносная синхронизация стерла за одну секунду все накопленные за многие годы закладки. Очень не приятное чувство =) Не буду томить Вас рассказами и историей в поисках решения этой проблемы, перейдем к действию.

Решение проблемы:
Заходим в папку (если Windows 7 и выше)
В этой папке есть 2 файла Bookmarks (файл без расширения) и Bookmarks.bak , которые содержат и резервируют информацию о ваших закладках.

Механика бэкапов в Chrome работает вот каким образом. Вы добавляете/удаляете закладку "test", ваш файл Bookmarks изменится, в него допишется/удалится строчка о закладке "test". Файл Bookmarks.bak будет иметь прежнее состояние, в нем ничего не будет указано о закладке "test". Когда вы перезапускаете Chrome, он создает копию вашего файла Bookmarks и называет его Bookmarks.bak, при этом старый Bookmarks.bak перестает существовать, это и есть скажем так "точка невозврата".

Если вы не успели закрыть браузер , после того как обнаружили пропажу закладок, до достаточно будет скопировать Bookmarks.bak в другое безопасное место (чтобы вновь не потерять бэкап закладок).
Если же вы успели закрыть браузер , после обнаружении проблемы, то соответственно файл бэкапа успел перезаписаться и восстановить закладки уже не возможно. Но будем надеется, что у Вас было несколько устройств, которые были синхронизированы с одной учетной записью Google, например компьютер на работе\дома, планшет, смартфон и тд.

Очень важно! Добравшись до устройства, которое было синхронизировано с учетной записью Google, сразу же скопировать с папки
-Если Windows 7 и выше - C:\Users\Ваше_имя_пользователя\AppData\Local\Google\Chrome\User Data\Default\
-Если устройство на Android - /data/data/com.android.chrome/app_chrome/Default/
файл Bookmarks.bak в безопасное место.

Очень важно! После копирования файла Bookmarks.bak в безопасное место, на восстанавливаемом компьютере необходимовыйти из учетной записи Google!

Закрываем браузер и выполняем следующие шаги:
1. C:\Users\Ваше_имя_пользователя\AppData\Local\Google\Chrome\User Data\Default\ удалить Bookmarks и Bookmarks.bak
2. Скопировать в эту же папку (C:\Users\Ваше_имя_пользователя\AppData\Local\Google\Chrome\User Data\Default\ ) ранее перенесенный в безопасное место файл Bookmarks.bak и переименовать в Bookmarks (т.е. убрать расширение ".bak").
3. Запустить браузер.
4. В браузере делаем следующие шаги:

Экспортируем закладки в виде HTML-файла, из которого их можно будет импортировать без проблем обратно в любое время и быстро восстановить закладки без всех этих долгих манипуляций =)

5. Теперь входим под учетной записью Google и эти закладки будут загружены на сервер синхронизации Google, соответственно синхронизируются закладки и с другими устройствами.

6. У меня на 5 пункте все получилось, но если вдруг у Вас синхронизируются снова старые (удаленные) закладки, то теперь достаточно выполнить импорт закладок:
Сам файл в HTML лучше сохранить, а для наилучшей безопасности обновлять его и создавать экспорт раз в 2-3 месяца, если вы сильно дорожите вашими закладками и больше не хотите попасть в подобную ситуацию.
Надеюсь статья вам помогла. Теряйте только ненужные данные =)

Для выполнения однотипных задач лучше всего использовать пакетные файлы, т. е. файлы которые автоматизируют работу. Например в среде DOS - BAT-файлы, в Windows - WSH (Сервер Сценариев) и т. д. Ну, а с помощью закладок любого браузера, поддерживающего протокол javascript:,можно добиться невообразимо быстрых и полезных результатов, создавая cкриптовые закладки или просто JS-закладки. После того, как вы установите первую такую закладку, я гарантирую, что ваш взгляд на блуждание по интернету (и не только) в корни изменится, разумеется в лучшую сторону.

JS-закладка, это простая закладка в браузере, которая содержит одну строчка javascript-а и использует протокол javascript:. Т. е. при активизации JS-закладки, выполняется код скрипта, а не превычная загрузка документа из интернета (протокол HTTP:, FTP: и т. д.).

Совет:
Создайте отдельную папку в «Избранном» (Favorites), и все JS-закладки устанавливайте в эту папку. После, вам будет легче соорентироваться. Также, для быстрого доступа к основным, часто используемым закладкам, можно использовать панель «Ссылки» (Links).

Первый способ установки JS-закладок:

* Откройте в браузере любой документ.
* Установите на него заклкадку (CTRL + D).
* Откройте свойства закладки и впишите в поле URL любой скрипт на javascript, например:

javascript:alert(top.location.href)

* Вас встретит выскочка-предупреждение, - согласитесь: «Да» (Yes).

Способ второй, используемый на сайте:

* Вам остается кликнуть по такой ссылке правой кнопкой мыши, и выбрать «Добавить в Избранное» (Add to Favorites).
* Или кликнуть левой кнопкой мыши и, не отпуская ее, перетащить закладку на панель «Ссылки» или в папку «Избранное».
* Опять выскочка, опять «Да».

При создании собственной закладки, помните три условия:

1. Строка скрипта должена начинаться с javascript:.
2. Максимально допустимое количество символов в строке скрипта 2048.
3. Для подстраховки, в конец скрипта добавляйте void(null), т. к. если ваш скрипт возвратит какое либо значение, то это значение перепишет открытый в этот момент документ.

Несколько JS-закладок:

* * Быстрый поиск по странице *.
Достойная замена стандартному "Find" (Ctrl+F). (для документов без фреймов, IE4+).

* * Просмотр части HTML кода *. (перед активизацией нужно отметить нужный участок документа).
Закладка очень пригодится начинающим вэб-программистам и в особенности верстальщикам, которым не придется каждый раз просматривать весь HTML-документ в поисках отдельной нужной части кода. (для документов без фреймов, IE4+).

* * Маштабируем документ *.
Подробнее о закладке и свойстве zoom смотрите статью «Свойство zoom».

Хорошо Плохо

Chris Coyier.

В ходе создания панели закладок, разработчики, прежде всего, думают о написании соответствующего JavaScript кода, который работает по обычному сценарию:

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

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

Селектор псевдокласса:target .

В нашем случае основная концепция реализации такого подхода опирается на функционал CSS псевдоселектора :target , который используется в связке с селекторами идентификаторов элементов - #id . Полученный в результате сложный селектор будет работать в том случае, если в указанном URL адресе присутствует идентичное значение ID c предшествующим символом решетки # (*анкор ). То есть, если применяемый URL выглядит примерно вот так:

http://css-tricks.com/#element-id

и на странице присутствует элемент с соответствующим идентификатором id=»element-id»

header text

то этому элементу будет соответствовать следующий селектор:

#element-id:target {color: red;}

Остается лишь выяснить, как привязать необходимый элемент страницы к URL адресу. Для этого нужно использовать ссылки, с соответствующим значением атрибута href :

Link text

Поддержка CSS3 браузерами.

Обычно руководство, подобное этому заканчивается кратким перечислением браузеров поддерживающих и не поддерживающих рассмотренный в нем прием. Но в данном конкретном случае, необходимо более детально рассмотреть этот вопрос. Дело в том, что псевдокласс :target представлен последним, третьим уровнем спецификации - CSS3 и все настоящие версии популярных браузеров обеспечивают его полную поддержку. Я, конечно же как и большинство других разработчиков, придерживаюсь точки зрения, требующей прекращения поддержки браузера IE6 , и поэтому особо не переживаю о том, будет ли работать описанный выше метод в этом браузере (а он работать не будет). Но основная проблема заключается в том, что псевдокласс :target не поддерживается и в двух последующих, седьмой и восьмой версиях IE . То есть применительно к этим браузерам данное пособие можно отнести, скорее всего, к категории познавательных случаев веб-разработки, используемых исключительно в методических целях, чем к руководству по практическому использованию CSS приемов в рамках проектов масштабного использования.

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

HTML код.

Для начала рассмотрим максимально упрощенный вариант необходимой для создания панели закладок html разметки:

Tab 1

Tab 2

Tab 3

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

CSS

После применения следующего форматирования, ссылки примут вид выстроенных в горизонтальном направлении ярлыков закладок:

Tabs { list-style: none; }
.tabs li { display: inline; }
.tabs li a { color: black; float: left; display: block; padding: 4px 10px;
margin-left: -1px; position: relative; left: 1px;
background: white; text-decoration: none; }
.tabs li a:hover { background: #ccc; }

Устанавливая путем определения свойства float: left смещение ссылок влево, мы нарушаем визуальную структуру, предусмотренную их родительским элементом

, для которого нет необходимости определять известный нам класс clearfix . Его мы применим для родительского блока

Group:after { visibility: hidden; display: block; font-size: 0; content: » «;
clear: both; height: 0; }

Скажу больше, этот код поддерживается ранними версиями IE6 и IE7 , то есть до этого момента вы можете не использовать альтернативные стилевые установки в рамках соответствующих условных комментариев и хаков.

Ну а теперь займемся элементарным оформлением панелей. В нашем случае используется один общий контейнер div для всех имеющихся панелей. Это сделано для того, чтобы задав для блока-контейнера относительное позиционирование, мы смогли в его контексте абсолютно позиционировать внутренние панели, которые будут одной высоты и ширины, а их верхние границы располагаются на одном уровне. Кроме того, соседние границы панелей и ярлыков совпадают и имеют ширину 1px .

Box-wrap { position: relative; min-height: 250px; }
.tabbed-area div div { background: white; padding: 20px; min-height: 250px;
position: absolute; top: -1px; left: 0; width: 100%; }
.tabbed-area div div,.tabs li a { border: 1px solid #ccc; }

И последний штрих, «оживляющий» созданную нами структуру из трех панелей. Он очень прост и основан на манипуляции значениями свойства z-index панелей в момент их выбора пользователем (то есть когда они будут соответствовать псевдоклассу :target ).

#box-one:target, #box-two:target, #box-three:target { z-index: 1; }

А как же визуальное выделение активного ярлыка.

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

Решение именно этого вопроса и является в нашем случае самым проблемным. Хотя я и нашел выход из ситуации, но он, к сожалению, является не самым лучшим, так как имеет ряд недостатков. Проблема заключается в том, что пользуясь исключительно средствами CSS , мы не можем, перемещаясь по каскадной структуре CSS кода выбирать элементы, стоящие выше по иерархии. Поэтому, если мы хотим иметь доступ к форматированию ярлыков соответствующих панелей, то единственным выходом в нашем случае будет вложение указателя на требуемый ярлык внутрь общего селектора CSS правила. Вот пример:

#box-four:target a { color: red; }

Да, действительно, это был бы неплохой способ выбора единственной ссылки, соответствующей активной в данный момент панели, но мы не можем применить его, так как в используемой нами структуре html кода ссылки не являются дочерними элементами блоков панелей.

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

Tab 4

Tab 5

Tab 6

Tab 4

Tab 5

Tab 6

Tab 4

Tab 5

Tab 6

Это, конечно же, не идеальный вариант, но в такой структуре кода элементы, используемые для представления ярлыков

, находятся внутри блоков панелей

, что позволяет нам определить класс «current» для той ссылки, которая соответствует нужной панели и применить к ней требуемое форматирование. Используя приведенный ниже CSS код, мы добиваемся правильного позиционирования панелей и ярлыков – ярлык, так же как и соответствующая ему панель с контентом, отображаются в верхнем слое документа, и являются видимыми для пользователя.

Cur-nav-fix.tabs { position: absolute; bottom: 100%; left: -1px; }
.cur-nav-fix.tabs li a {
background: -webkit-linear-gradient(top, white, #eee);
background: -moz-linear-gradient(top, white, #eee);
background: -ms-linear-gradient(top, white, #eee);
background: -o-linear-gradient(top, white, #eee);
}
#box-four { z-index: 1; }
#box-four:target.tabs, #box-five:target.tabs,
#box-six:target.tabs { z-index: 3; }
.cur-nav-fix.tabs li.cur a { border-bottom: 1px solid white;
background: white; }

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

Демо-страница.

Все присутствующие на странице фрагменты кода являются рабочими, и при необходимости вы можете просто скопировать их и использовать в соответствующем HTML файле. Но помните об отсутствии поддержки псевдокласса :target в IE7 . Увидеть код в действии можно на этой демонстрационной странице .

Неприятные моменты.

Побывав на демо-странице, вы, вероятно, заметили, что если щелкнуть сначала по какому-нибудь из ярлыков одной панели, а затем задействовать ярлык другой панели закладок (левее или ниже), то после второго щелчка, первая панель будет сброшена в состояние, устанавливаемое по умолчанию, вместо того, чтобы сохранять установленное пользователем текущее состояние. Причина такого поведения кроется в псевдоселекторе :target и его взаимосвязи с используемым в качестве якоря идентификатором элемента #id в URL ссылки. По правде говоря, полноценное решение этой проблемы все-таки требует вмешательства кода JavaScript . Поэтому, если вас не устраивает предлагаемый вариант, то вам необходимо воспользоваться соответствующим скриптом.

Еще один недостаток использования якорных элементов в реализации панелей закладок – это постоянные смещения окна браузера при щелчке по определенному ярлыку. Это связано с тем, что браузер автоматически выводит на самую верхнюю позицию окна ту закладку, которой соответствует используемый в задействованном ярлыке якорь (*Идентификатор с решеткой в URL - #id .). Это, конечно, происходит лишь в том случае, если документ содержит достаточно контента для прокрутки окна браузера вниз. Опять же, для решения этой проблемы без использования JavaScript кода не обойтись.

*Соглашусь с одним из разработчиков, оставивших совой комментарий к оригиналу статьи, который называет данный способ реализации панели закладок несовершенным. Причин несколько, но основная из них заключается в том, что пользуясь таким образом разработанной страницей и переключаясь на содержание нескольких закладок, пользователь, при желании вернуться на предыдущую страницу, после нажатия соответствующей кнопки истории просмотра браузера («На предыдущую страницу» ), будет последовательно наблюдать содержание активированных ранее закладок, а не предшествующую страницу. И учитывая все упомянутые выше недостатки, этот способ можно, всё-таки, отнести к категории «познавательных случаев» использования CSS , а не рекомендовать его к использованию в рамках реального веб-проекта.

* Примечание переводчика.

Иногда ошибки bookmarks.html и другие системные ошибки HTML могут быть связаны с проблемами в реестре Windows. Несколько программ может использовать файл bookmarks.html, но когда эти программы удалены или изменены, иногда остаются "осиротевшие" (ошибочные) записи реестра HTML.

В принципе, это означает, что в то время как фактическая путь к файлу мог быть изменен, его неправильное бывшее расположение до сих пор записано в реестре Windows. Когда Windows пытается найти файл по этой некорректной ссылке (на расположение файлов на вашем компьютере), может возникнуть ошибка bookmarks.html. Кроме того, заражение вредоносным ПО могло повредить записи реестра, связанные с Third-Party Application. Таким образом, эти поврежденные записи реестра HTML необходимо исправить, чтобы устранить проблему в корне.

Редактирование реестра Windows вручную с целью удаления содержащих ошибки ключей bookmarks.html не рекомендуется, если вы не являетесь специалистом по обслуживанию ПК. Ошибки, допущенные при редактировании реестра, могут привести к неработоспособности вашего ПК и нанести непоправимый ущерб вашей операционной системе. На самом деле, даже одна запятая, поставленная не в том месте, может воспрепятствовать загрузке компьютера!

В связи с подобным риском мы настоятельно рекомендуем использовать надежные инструменты очистки реестра, такие как WinThruster (разработанный Microsoft Gold Certified Partner), чтобы просканировать и исправить любые проблемы, связанные с bookmarks.html. Используя очистку реестра , вы сможете автоматизировать процесс поиска поврежденных записей реестра, ссылок на отсутствующие файлы (например, вызывающих ошибку bookmarks.html) и нерабочих ссылок внутри реестра. Перед каждым сканированием автоматически создается резервная копия, позволяющая отменить любые изменения одним кликом и защищающая вас от возможного повреждения компьютера. Самое приятное, что устранение ошибок реестра может резко повысить скорость и производительность системы.

Предупреждение: Если вы не являетесь опытным пользователем ПК, мы НЕ рекомендуем редактирование реестра Windows вручную. Некорректное использование Редактора реестра может привести к серьезным проблемам и потребовать переустановки Windows. Мы не гарантируем, что неполадки, являющиеся результатом неправильного использования Редактора реестра, могут быть устранены. Вы пользуетесь Редактором реестра на свой страх и риск.

Перед тем, как вручную восстанавливать реестр Windows, необходимо создать резервную копию, экспортировав часть реестра, связанную с bookmarks.html (например, Third-Party Application):

Нажмите на кнопку Начать .
Введите "command " в строке поиска... ПОКА НЕ НАЖИМАЙТЕ ENTER !
Удерживая клавиши CTRL-Shift на клавиатуре, нажмите ENTER .
Будет выведено диалоговое окно для доступа.
Нажмите Да .
Черный ящик открывается мигающим курсором.
Введите "regedit " и нажмите ENTER .
В Редакторе реестра выберите ключ, связанный с bookmarks.html (например, Third-Party Application), для которого требуется создать резервную копию.
В меню Файл выберите Экспорт .
В списке Сохранить в выберите папку, в которую вы хотите сохранить резервную копию ключа Third-Party Application.
В поле Имя файла введите название файла резервной копии, например "Third-Party Application резервная копия".
Убедитесь, что в поле Диапазон экспорта выбрано значение Выбранная ветвь .
Нажмите Сохранить .
Файл будет сохранен с расширением.reg .
Теперь у вас есть резервная копия записи реестра, связанной с bookmarks.html.

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