РАЗРАБОТКА

Своё превью в Top Sites

  • 21
Превью на примере iCloud.

Top Sites

Для создания своего превью для Top Sites, необходимо в блок head добавить такой код:
<script>
if(window.navigator&&window.navigator.loadPurpose==="preview")
{
	window.location.href="https://macpages.me/topsites.html"
};
</script>

И еще несколько методов (спасибо ILYAGIK):

В примере ниже, мы используем директиву mod_rewrite сервера Apache для перенаправления всех запросов Top Sites на адрес /topsites.html (вам, возможно, захочется конкретизировать запросы в конкретной ситуации):
RewriteEngine On
RewriteCond %{HTTP:X-Purpose} ^preview$
RewriteRule ^(.*) /topsites.html

Или быть может вы предпочтёте использовать серверную обработку запросов на каком-либо языке. Ниже приведен пример на PHP: 
<?php
if ($_SERVER['HTTP_X_PURPOSE'] == 'preview') {
    // Top Sites content
} else {
    // Top Sites content
}

Страницу topsites.html верстаете как хотите. Именно она будет отображаться в панели Top Sites.

Обсуждение 17

+
avatar
  • YrZ
  • 12 октября 2011, 19:08
  • #
круто!
я думал что так нельзя, думал что можно только иконку для iOS…
Спасибо :)
+
avatar
Полезно для веб-разработчиков.
+
avatar
  • YrZ
  • 12 октября 2011, 19:09
  • #
можно ли свою картинку поставить?
+
avatar
  • switch
  • 12 октября 2011, 19:12
  • #
Обновил пост.
+
avatar
  • YrZ
  • 12 октября 2011, 19:57
  • #
спасибо
+
avatar
  • env0ke
  • 12 октября 2011, 19:10
  • #
Классная фича, используем в новом проекте.
+
avatar
  • CaTaHuK
  • 12 октября 2011, 20:11
  • #
Вы бы хоть картинку прикрепили, для тех кто не понимает о чем идет речь )))
+
avatar
  • switch
  • 12 октября 2011, 20:32
  • #
Готово))
+
avatar
Спасибо бро!
+
avatar
  • aikon
  • 12 октября 2011, 23:24
  • #
Уже взял на вооружение =)
Спасибо!
+
avatar
  • ILYAGIK
  • 13 октября 2011, 01:57
  • #
Можно так еще:
В примере ниже, мы используем директиву mod_rewrite сервера Apache для перенаправления всех запросов Top Sites на адрес /preview.html (вам, возможно, захочется конкретизировать запросы в конкретной ситуации):
RewriteEngine On
RewriteCond %{HTTP:X-Purpose} ^preview$
RewriteRule ^(.*) /preview.html


Или быть может вы предпочтёте использовать серверную обработку запросов на каком-либо языке. Ниже приведен пример на PHP: 
<?php
if ($_SERVER['HTTP_X_PURPOSE'] == 'preview') {
    // Top Sites content
} else {
    // Top Sites content
}
?>
+
avatar
  • ILYAGIK
  • 13 октября 2011, 02:03
  • #
Это дело также работает в браузере Opera.
+
avatar
  • switch
  • 13 октября 2011, 02:06
  • #
Спасибо! Можно с вашего позволения обновить статью?
+
avatar
  • ILYAGIK
  • 13 октября 2011, 09:04
  • #
Да, конечно.
Вот пример того, как у меня на сайте:
<?php if ($_SERVER['HTTP_X_PURPOSE'] == 'preview') { header('Location: http://www.gik-team.com/js/preview.html'); } else {}?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>...
+
avatar
Спасибо, хорошая статья. А вы не знаете, как при добавлении сайта на экран «Домой» отображалась своя иконка?
+
avatar
  • switch
  • 13 октября 2011, 17:38
  • #

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
+
avatar
Спасибо!

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.