Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов

4 июля 2018

Доброго времени суток, уважаемые читатели блога KtoNaNovenkogo.ru. В эфире очередной выпуск рубрики Веб-обзоры. Сегодня я хочу поговорить о том, как проверить, правильно ли отображается ваш ресурс в популярных браузерах), а также о способах рассылки пинга (оповещения поисковых систем и других сервисов о том, что на вашем интернет проекте появились новые материалы) и кое о чем еще.

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

Browsershots — как проверить кроссбраузерность верстки

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

Косяк может вылезти в любом браузере, хотя, конечно же, рекордсменом по этой части является Internet Explorer, особенно версии 6 и ниже. Происходит это из-за того, что различные браузеры немного по-разному интерпретируют один и тот же код HTML и правила CSS.

С этим ничего нельзя поделать и надо научиться с этим жить — проверять корректность отображения своего ресурса во всех доступных браузерах (кроссбраузерность) и вносить при необходимости коррективы в код. Но для этого, как минимум, нужно установить кучу обозревателей различных версий или же, что намного проще, воспользоваться сервисом Browsershots.

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

Например, если у вас на компьютере стоит Opera 10, то для того, что бы посмотреть вид вашего сайта в Opera 8, вам нужно будет либо переустановить обозреватель, либо установить его более старую версию, например, на виртуальной машине. Оба эти способа чудовищно не удобны и поэтому упомянутый выше сервис придется нам очень кстати.

Работа с онлайн сервисом Browsershots предельно проста:

  1. вводите на главной странице проекта в поле «Enter URL Here» адрес вашего
    сайта
  2. выбираете из списка, расположенного ниже, нужные вам версии браузеров
  3. если нужно, то выбираете определенное разрешение экрана и глубину цвета из выпадающих списков
  4. в трех последующих списках можете отключить или включить (можно еще выбрать конкретную версию) показ JavaScript, Java и Flash
  5. все, теперь жмем кнопку «Submit» и ждем завершения процесса создания скриншотов для каждой выбранной версии браузера (данный процесс может занять от 3 до 50 минут, поэтому в это время можно заняться другими делами, но не закрывать этой страницы в браузере)
  6. полученные в результате работы онлайн сервиса скриншоты можно посмотреть прямо там же (щелчок по скриншоту для его увеличения) или же скачать одним файлом к себе на компьютер (под скриншотами поищите ссылку «скачать»)

Программа для записи разговоров по Skype, ICQ и QIP

Мне показалась довольно интересной возможность записи разговора (имеется в виду голосового разговора), который вы ведете по Скайпу (сейчас правда тоже самое можно проделывать и в Аське, и в QIP Infium).

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

Программка называется VoiceSpy, она умеет работать в фоновом (скрытом) режиме. Однако она является платной, но при этом относительно недорогой. К тому же оплатить ее можно через наши отечественные платежные системы на вроде RBK маней, Яндекс денег или же WebMoney.

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

Как настроить отправку пинга при появлении новых статей

Для тех, кто делает свой блог на WordPress, вопрос пинга (оповещения поисковых систем и других сервисов о том, что на вашем ресурсе появились новые материалы) не стоИт, т.к. у этого движка имеется встроенная возможность отправлять пинг сразу после публикации нового материала (это не тот пинг, что описан в приведенной статье).

Если вы еще не пользовались этой возможностью, то я вкратце расскажу, как настроить отправку пинга при появлении новых материалов для WordPress:

  1. заходите в админку вашего блога (http://vash_sait.ru/wp-admin/)
  2. переходите на вкладку «Настройки» — «Написание»
  3. внизу страницы увидите окно «Сервисы обновления»
  4. добавляете в это окно список приведённый ниже
  5. не забудьте нажать кнопку «Сохранить изменения»

Если у вас сайт на Joomla, то можно установить плагин под названием Blog Ping.

Для установки Blog Ping, как вы уже, наверное, знаете, нужно зайти в админку Joomla и в верхнем меню выбрать: «Расширения» — «Установить/Удалить». Затем нажмите в первой строчке с названием «Загрузить файл пакета» на кнопку «Обзор» и найдите на нашем компьютере только что скачанный архив компонента plg_blogping.zip.

После установки плагина Blog Ping зайдите в «Расширения» — «Менеджер плагинов» и щелкните по «Content — Blogping». В открывшемся окне поставьте галочку напротив «Да» в поле «Включен», а в поле «Ping Update Services» скопируйте приведенный выше список пинг сервисов. Не забудьте нажать кнопку «Сохранить».

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

Если для вас важна быстрая индексация вновь созданной страницы в яндексе, то советую воспользоваться специальной страницей для отправки пинга персонально яндексу. Просто вводите адрес своего сайта и нажимаете «Отправить».

Есть еще ряд сайтов, с которых можно аналогичным образом рассылать пинг, например, http://pingomatic.com/.

Подбор нужного цвета в палитре Яндекса

Опять новость из области поисковиков. Попробуйте ввести в строку запроса Яндекса название какого-нибудь цвета и в результате увидите вверху страницы выдачи нечто подобное этому:

Это очень удобная и полнофункциональная палитра Яндекса с возможностью скопировать код полученного цвета и узнать его название. Иногда встречаются очень оригинальные названия, например, цвет медвежьего ушка. Щелкнув по надписи «Поделиться цветом в блоге» и вставив предложенный код к себе на сайт, вы увидите интересное.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Использую для заработка

Рубрика: Лучшие онлайн-сервисы

Комментарии и отзывы

Виктор

Ну, что можно сказать — отлично!

Очень даже нужная информация.

Спасибо.

Ответить
Jack

Спасибо! Продолжайте в том же духе 🙂

Кстати, BrowserShots позволяет увеличить ваш счетчик посещений на 30-50 единиц 🙂 Помимо его основной функции, разумеется 🙂

Ответить
Дмитрий

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

Ответить
Заводской раб

хорошие статейки пишешь, не зря я тебя зафоловил в твиттере, молодец, так держать

Ответить
Дмитрий

Заводской раб, спасибо, я тебя тоже почитываю. И даже хостинг, на который сейчас переехал выбрал по твоей рекомендации. =)

Ответить
Сергей

Шли шли, а вот как перенести блог, созданный на локальном сервера на реальный хостинг. Чтобы вся информация была я не нашёл. Особенно по переносу базы данных, особенности. По крайней мере прочитал всё, пробовал, но увы не смог.

Ответить
Дмитрий

Сергей: посмотрите здесь про Денвер, а здесь про бэкап и перенос сайта

Ответить
Игорь

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

Ответить
Дмитрий

Алексей: В rss ленту новые статьи должны попадать только автоматически, иначе и смысла в таком RSS канале не будет. О том, как настроить RSS ленту в Joomla, WordPress и SMF вот здесь я уже писал.

Игорь: откуда взял иже не помню, а принадлежат эти адреса поисковым системам и другим сервисам, которые заинтересованны в быстром добавлении и обновлении информации.

Ответить
NIX

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

Ответить
Наталья

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

Как настроить ленту, чтобы показывались фотографии в ленте. Может это не важно, но у вас они отображаются в ленте.

Ответить
Евгения

Дмитрий, Вас очень много полезных и толковых материалов. Большое спасибо!

В статье Как настроить отправку пинга при появлении новых материалов для блога на WordPress, Вы предлагаете список пинг сервисов и в нем несколько раз повторяется следующий адрес:http://ping.feedburner.com. Это специально или случайно?

После того, как я загрузила список пинг сервисов к себе на сайт (по совету преподавателей школы start-up), теперь когда нажимаю кнопку ОПУБЛИКОВАТЬ админ-панель зависает и висит до бесконечности или совсем вылетает. Статья публикуется, но в админ панель приходится заходить по новой, а старую страницу админ-панели закрывать. Не подскажите от чего это может быть? Это может быть связано с отправкой пинга? Сайт находится на платном хостинге WordPress.

Ответить
yaskech

Спасибо Вам Дмитрий за очень подробные и содержательные статьи. На очень многие вопросы нахожу у Вас исчерпывающие ответы!

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

Ответить
Ирина

« Blog Ping — ускоряем индексацию новых страниц.» касперский ругается на эту ссылку

Ответить
Оксана

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

Ответить
Стелла

Я совсем новенькая в этом деле, но так понимаю, что эти самые сервисы пинга здоровО выручают от воровства уникального контента? Ведь чью статью раньше проиндексируют поисковики, тот и будет в их глазах признан автором, так? И потом уже бесполезно будет выяснять кто прав...

Ответить
Стелла

«...Если для вас важна быстрая индексация вновь созданной страницы в яндексе, то я советую воспользоваться специальной страницей для отправки пинга персонально яндексу». А вот к примеру в статье Екатерины Тарасовой «Как защитить свой контент от воровства» по ссылке http://amateurblogger.ru/kak-zashhitit-svoj-kontent-ot-vorovstva/#more-10 описан сервис Яндекс Вебмастер под названием «Оригинальные тексты». Так как у меня еще нет своего сайта и поэтому я не имею доступ в ЯВ, то вопрос: эта страница http://blogs.yandex.ru/pings/ и «Оригинальные тексты» — это одно и тоже? Если нет, то в чем разница?

Ответить
Дмитрий

Стелла: нет — разные вещи. Боюсь Вас еще больше расстроить, но Оригинальные тексты в Яндекс Вебмастере доступны только для сайтов с Тиц равным или большим 10. Так то вот.

Ответить
Юрий

Здравствуйте.

Что-то не могу найти у Вас на сайте сами сервисы обновления (пинга)???

Раньше, помню, был список, а теперь...

Может, подскажете где искать или убрали?

Спасибо.

С уважением,

Юрий

Ответить
Юрий

Сколько должно быть пинг сервисов и имеет ли смысл закидывать туда 100 и более служб?

Спасибо

Ответить

Текст Вашего сообщения:

* Нажимая на кнопку "Добавить комментарий" или "Подписаться" Вы соглашаетесь с политикой конфиденциальности.

Подписаться на новые комментарии к этой статье