Статьи

Подготовьте свой сайт для IE9 с Pinify

Январь 2, 2019

Это отличные вещи. Если у вас есть веб-сайт или блог, вы должны использовать эту замечательную функцию закрепления избранных ссылок вашего сайта на панели задач Windows 7 пользователя. Хотя эта функция IE9 была навязчивой, потому что это бета-версия. Теперь пришло время использовать эту функцию для моего блога. Но прежде чем начать, скачайте последнюю стабильную версию
Pinify (ранее известную как IE9ify) из Codeplex .
 

О Pinify

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


Подготовка вашего сайта к новому опыту


К настоящему времени вы загрузили последнюю версию pinify из Codeplex. Откройте свой сайт в Visual Studio и перейдите в раздел head. Запустите приведенную ниже команду NuGet для установки плагина Pinify.
 

Для простейшей реализации этого плагина используйте приведенный ниже скрипт в разделе заголовка вашей страницы.
<script src="Scripts/jquery-1.5.2.js" type="text/javascript"></script>
<script src="Scripts/jquery.pinify.js" type="text/javascript"></script>
 
<script type="text/javascript">
$().ready(function () {
     $('head').pinify();
});
</script>

Нажмите F5 и убедитесь, что вы выбрали IE9 в качестве браузера по умолчанию. После того, как вы увидите домашнюю страницу своего сайта в браузере, нажмите F12, чтобы открыть окно разработчика IE9. На вкладке HTML расширить
Head дерево , и вы пришли , чтобы увидеть несколько мета — тегов.


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

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

Давайте рассмотрим более сложный пример. Теперь я хочу сделать то же самое для моего блога. На данный момент у меня будет следующее в списке переходов.
  • Архивы — Ссылка на мой блог архив.
  • щебет
  • Facebook и
  • Свяжитесь со мной

Значок будет таким же, как мой текущий значок. Чтобы реализовать pinify для моего блога, я делаю всю работу на главной странице, в моем случае это
site.master . Скопируйте и вставьте приведенный ниже скрипт в раздел head вашей страницы. Измените текст и ссылки соответственно.
  
<script src="Scripts/jquery-1.5.2.js" type="text/javascript"></script>
<script src="Scripts/jquery.pinify.js" type="text/javascript"></script>
<script type="text/javascript">
        $().ready(function () {
            $('head').pinify({
                applicationName: 'Midnight Programmer',
                tooltip: 'Programming For Fun',
                tasks: [{
                    'name': 'Archive',
                    'action': 'http://midnightprogrammer.net/archive.aspx',
                    'icon': 'favicon.ico'
                },
                {
                    'name': 'Twitter',
                    'action': 'http://twitter.com/prashantmx',
                    'icon': 'twitter.ico'
                },
                {
                    'name': 'Facebook',
                    'action': 'http://facebook.com/khandelwal.p',
                    'icon': 'facebook.ico'
                },
                {
                    'name': 'Contact Me',
                    'action': 'http://www.midnightprogrammer.net/contact.aspx',
                    'icon': 'favicon.ico'
                }]
            });
        });
</script>

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

Есть много других вещей, которые вы можете сделать с этим плагином. Я только что показал самый простой способ заставить вас начать игру с pinify. Когда вы читаете этот пост, попробуйте перетащить вкладку на панели задач Windows и щелкните правой кнопкой мыши, чтобы увидеть список задач, как показано выше.

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

 

Источник: http://midnightprogrammer.net/post/Prepare-Your-Site-For-IE9-With-Pinify.aspx

 

 

32
Share: