| 10.07.2015
Работая над кодом, очень легко не заметить и пропустить какую-нибудь запятую или скобку. А перечитывать длинный неработающий код в поисках такой ошибки - вообще неблагодарное дело. В этом случае может помочь проверка кода специальными программами-инструментами. Наша подборка посвящена нескольким, особо популярным валидаторам для языка JavaScript.
«JSLint will hurt your feelings » - такое предупреждение можно увидеть на сайте валидатора JSLint, созданного в 2002 году Дугласом Крокфордом. И это правда, поскольку очень часто JSLint находит множество ошибок в абсолютно работающем коде. Если вы стремитесь к совершенствованию своего кода и доведению до идеального состояния - воспользуйтесь этим сервисом.
JSHint - более удобная и настраиваемая, а также более популярная версия валидатора JSLint. JSHint больше нравится программистам за возможность выбирать настройки и правила для проверки кода, и сопровождается хорошей документацией. Легко интегрируется в редакторы.
Этот инструмент также имеет достаточное количество пользовательских правил, которые при этом могут иметь дополнительные настраиваемые параметры. Доступны различные плагины. ESLint легко понятен и имеет множество особенностей, которые отсутствуют в других сервисах.
JSCSИнструмент JavaScript Code Style отличается от предыдущих тем, что не проверяет код на наличие потенциальных багов и ошибок. Задача JSCS - проверка и выявление нарушений в стиле кода. Пользователям доступно множество пресетов и готовых конфигураций, которые вы можете сразу же начать использовать, если придерживаетесь такого же кодстайла.
3.6 из 5
Всем привет!
Сегодня мы посмотрим как можно тестировать производительность своего JS кода и, соответственно, оптимизировать его.
Пару месяцев назад я написал статью про , в которой мы рассматривали как пользоваться этой самой консолью. Сегодня мы будем использовать метод console.profile() и увидим как с его помощью можно протестировать и затем улучшить скрипты.
ПесочницаДля начала создадим небольшой HTML документ, в котором будут располагаться несколько элементов и код, который мы будем тестировать.
Тестирование производительности JS скриптов
Какой-то текст
- Какой-то элемент с текстом
console.profile() ;
// Здесь будем размещать наш код
console.profileEnd();
Сам код будем помещать между console.profile() и console.profileEnd() .
Проверка на существование элементаЧасто бывает так, что для всех страниц сайта подгружаются одни и теже скрипты, соответственно, иногда может не быть нужных элементов. Несмотря на то, что jQuery не выполнит код для несуществующих элементов, лучше все-таки делать проверку на существование элементов. Рассмотрим два варианта кода и обратим внимание на время их выполнения. Первый код не делает проверку:
Console.profile();
$("#mainItem");
console.profileEnd();
В результате выполнения этого кода получим вот такую картинку в консоли Фаербага:
Второй код проверяет, существуют ли элементы, над которыми нужно выполнить действие:
Console.profile() ;
var ele = $("#somethingThatisNotHere");
if (ele) {
ele.text("Some text").slideUp(300).addClass("editing");
}
$("#mainItem");
console.profileEnd();
И выдает вот это в консоль:
В итоге делаем вывод, что лучше проверять на существование элемента — скорость выполнения будет больше. Но это не означает, что нужно проверять все подряд: обычно, есть основной элемент группы, без которого все остальные все равно не могут быть. Вот его-то и надо проверять.
Эффективное использование селекторовСкорее всего вы читали мою . Если нет, то прочитайте. Там я рассказывал о том, как браузеры разбирают селекторы и какие селекторы с какой скорость работают. Если кратко, то быстрее всех работает селектор по id, медленнее всех — универсальные.
Итак, давайте проведем эксперимент. Замечу, что скорости выполнения скриптов могут отличаться на разных компьютерах и браузерах.
Для начала попробуем выбрать элементы по классу:
Console.profile() ;
$(".selected");
console.profileEnd();
Console.profile() ;
$("li.selected");
console.profileEnd();
Результат 0.291ms — уменьшили на 0.027ms. Теперь еще немного уточним селектор: нужные нам элементы должны находиться внутри контейнера с id="someList" :
Console.profile() ;
$("#someList .selected");
console.profileEnd();
0.283ms — небольшое улучшение. Уточним селектор именем тега:
Console.profile() ;
$("#someList li.selected");
console.profileEnd();
Получили 0.275ms. Теперь выберем элемент прямо по id ради интереса:
Console.profile() ;
$("#mainItem");
console.profileEnd();
0.165ms — наш новый рекорд. Теперь думаю ясно как лучше всего писать селекторы.
Избегание излишних операцийИногда, в коде могут встретиться конструкции типа:
// Какой-то код
$(element).doSomething();
// Потом еще код
$(element).doSomethingElse();
// И еще код
$(element).doMoreofSomethingElse();
Никогда так не делайте. Один элемент запрашивается снова и снова. Это слишком затратно с точки зрения производительности.
Возьмем нашу песочницу и проведем в ней какой-то похожий процесс:
Console.profile() ;
$("#mainItem").hide();
$("#mainItem").val("Привет");
$("#mainItem").html("Привет!");
$("#mainItem").show();
console.profileEnd();
Вышеприведенный код так же можно сделать в виде цепочки:
Console.profile();
$("#mainItem").hide().val("Привет").html("Привет!").show();
console.profileEnd();
При использовании цепочки, элемент запрашивается один раз и далее методам передается ссылка на него. Это снижает время выполнения.
Так же можно закешировать элемент и производить действия уже над закешированным:
Console.profile() ;
var elem = $("#mainItem");
elem.hide();
elem.val("Hello");
elem.html("Oh, hey there!");
elem.show();
console.profileEnd();
Как видно из примеров, кеширование и использование цепочек действия снижает время выполнения скриптов.
Умное манипулирование DOMКак известно, операции с DOM (объектной моделью документа), например получение или вставка элементов, являются очень ресурсоемкими. Давайте посмотрим, как можно ускорить эти операции.
Современные тренды и веб-приложения кардинально изменили возможности разработчиков. Нет сомнения в том, что им нужен некий IDE для кодирования новых файлов и их сохранения для последующего размещения. А что, если просто проверить фрагменты кодов? К счастью, в наше время для этого существует великое множество различных инструментов!
В данной статье мы расскажем о 15 веб-приложениях для онлайн тестирования кодов. Все они работают при условии соединения с интернетом; некоторые из них предлагают pro-планы для получения дополнительного пакета свойств. Большинство из них окажутся полезными при попытке отыскать и произвести отладку части javascript или PHP.
1.Codepad
Созданное Стивеном Хейзелом, является уникальным веб-приложением, с помощью которого вы сможете кодировать синтаксические конструкции во всей сети. Помимо отладки, Codepad позволяет своим пользователям копировать/вставлять важные части кодов и делиться ими онлайн.
На экране вывода отражаются сообщения обо всех ошибках, связанных с вашим кодом. Используя кнопки в левом меню, вы можете изменить язык (C/C++, Perl, PHP, Python, Ruby и мн. др.). Codepad в большей степени предназначен для разработчиков программного обеспечения, которым нужно работать совместно и отлаживать наиболее проблемные программы.
2.Write Code Online
Основной веб-сайт перенаправит вас на свой редактор Java Script. Вы можете выбрать между JS, PHP и базовой URL кодировкой. Приложение не только безопасное и надежное, но и достаточно простое в использовании.
Что интересно, результаты работы вы увидите прямо под текстовым полем. Так что если вы нажмете «запустить код», то результат будет выведен на экран. Отладка больших PHP скриптов может проходить посложнее, потому что требует включения других файлов.
Тем не менее, приложение окажет вам незаменимую помощь в проверке новой идеи на прочность.
3.Tinkerbin
Я вполне могу назвать своим любимым онлайн ресурсом для редактирования кодов. Он поддерживает HTML5/CSS3/JS, и результат выводит непосредственно на экран. Приложение все еще находится на стадии альфа разработки, но большинство инструментов работают отлично и быстро отыскивают ошибки в программах.
Механизм визуализации поддерживает такие языки как Coffeescript и Sass в рамках CSS. Они могут похвастаться продвинутой системой управления и поддержкой многих брендов веб-дизайна, которые вы бы предпочли использовать для дальнейшей работы.
Нельзя оставить без внимания и тот факт, что здесь есть горячие клавиши для самых популярных опций. А такая функциональность встречается далеко не у всех веб-приложений, не говоря уже о встроенных в браузер редакторах кодов. Когда вы вводите новые тэги, IDE автоматически вписывает новые строчки. Tinkerbin является фронтэнд инструментом, который непременно должен быть в числе ваших инструментов для веб-разработки.
4.JS Bin
У новичков работа с интерфейсом может вызвать некоторые сложности. Чтобы избежать этого, они могут воспользоваться . JS Bin предлагает большое количество библиотек на выбор – jQuery, JQuery UI, jQM Prototype, MooTools и др.
Если вы кодируете различные элементы, проекты будут сохраняться автоматически. К тому же у вас есть возможность скачать окончательный результат своего труда или же сохранить исходник онлайн. Эта система больше приспособлена для экспортирования и сохранения вашего кода, чем обычный шаблон.
5.JsFiddle
Каждый, кто посещал Stack Overflow, должен знать о . Их интерфейс отличается от JSBin наличием большего количества предлагаемых опций.
Также поддерживает такие библиотеки, как Prototype и jQuery. Более того, вы можете включить дополнительные внешние источники к JS/CSS файлам в любом тестируемом документе. Невероятно, но приложение поддерживает даже XHP Ajax, где вы можете передавать информацию от сервера в окно браузера клиента и наоборот.
6.CSSDesk
Двигаемся от скриптов к языку стилей и . Все выглядит примерно так, как и в предыдущих инструментах: исходный текст находится слева, конечная веб-страница – справа. Это веб-приложение отлично подойдет для создания шаблонов веб-страниц и тестирования свойств CSS3.
7.Jsdo.It
Некоторые приложения располагают японским языком, что наводит меня на мысль о том, что они были созданы где-то в Азии. Что мне больше всего нравится в их интерфейсе, так это загрузка только что созданных файлов и хранение их в проекте. Вы безо всяких сложностей можете хранить целыйемакеты веб-страниц онлайн и с любого компьютера получать к ним доступ и редактировать.
8.Google Code Playground
Меня удивило, как много разработчиков не знают о существовании . Вы получаете полный доступ к их API, и в том же окне можете отлаживать все свои коды.
Говоря об API, я имею в виду то, что вы можете получать данные из самых крупных продуктов Google: посты из Blogger, ориентиры из Google Maps и даже видео прямо с YouTube. Когда вы кликаете по различным опциям, данные в окне предварительного просмотра также обновляются.
Я бы посоветовал сохранить этот инструмент лишь в качестве ресурса, так как он подойдет далеко не для всего того, что вы пишите. Тем не менее, Google является крупной компанией со множеством API данных исходных кодов. Если вам когда-нибудь потребуется материал с YouTube или поисковика Google, этот инструмент вам непременно пригодится.
9.IDEOne
– еще один инструмент для «глубокого» программирования и разработки ПО. Их онлайн редактор поддерживает выделение синтаксических элементов для ряда важных языков, среди которых Objective-C, Java, C#, VB.NET, SQL и мн. др.
10.Viper7 Codepad
Это веб-приложение, также известное как , расположено на сайте , где происходит перенаправление на тот же онлайн редактор. Их инструменты настроены на отладку выходной переменной PHP, которая в зависимости от вашего выбора может варьироваться между PHP5 и PHP4.
Создав аккаунт, Codepad может быть использован как личная система хранения данных. Здесь, как и в других онлайн редакторах, можно называть каждый PHP проект и бесплатно хранить его в сети. Этот редактор кодов отличается тем, что пользователям не нужно устанавливать на свой компьютер никакого программного обеспечения. Во время интерпретации каждого из скриптов, редактор будет предлагать такие дополнительные мета-детали, как вызов браузера или заголовки ответов.
11.JSLint
Сам по себе немного странный, в то время как редактор кодов работает по вполне стандартной схеме.
Предлагаемые опции могут вас озадачить, если вы не встречались ранее с такого рода шаблонами. При наличии набора определенных навыков, вы можете работать с открытым исходником . Тем не менее, многие исходные тексты не поддерживают даже выделение синтаксиса, что является явным упущением при таком широком выборе опций. Я бы рекомендовал поработать с при наличии свободного времени, но нет гарантий, что он станет вашим излюбленным инструментом для javascript отладки.
12.SQL Fiddle
Немного ранее мы рассматривали веб-приложение под названием jsFiddle. Теперь пришло время поговорить об , который работает в том же русле, за исключением SQL базы данных синтаксиса. Мне удалось отыскать достойную альтернативу для тестирования кода базы данных.
Вся выходная информация из вашего SQL кода появится в таблице под редакторами. Вы можете записать новый код, чтобы применить данные справа и сгенерировать схему слева. Эта схема базы данных – SQL код, который можно сохранить, чтобы экспортировать вашу текущую базу данных, и повторно установить все на новый сервер.
Если вы не знакомы с базами данных или языком SQL, то это приложение едва ли окажется для вас полезным. Но разработчикам, которые заинтересованы в знакомстве с SQL, этот инструмент подойдет идеально!
13.Cloud9 IDE
На мой взгляд, является лучшим редактором исходников из всех доступных в сети. Это не просто редактор, а целая система инструментов и ресурсов; на их серверах вы можете хранить все свои репозитории исходных кодов.
Регистрация бесплатна для всех общественных проектов. Если же вам нужно личное пространство доя разработки, то это будет стоить 15$ в месяц или 180$ в год. Делиться частными репозиториями кодов можно с любым пользователем по вашему усмотрению. Данная опция позволяет разработчикам осуществлять совместную работу над различными проектами.
Каждый новый проект хранится во вложенной папке, где можно создавать настоящие физические файлы. HTMl, CSS, JS, PHP и все, что вам нужно для кодирования, будет находится в вашем аккаунте. Со временем вы сможете отправлять эти файлы в качестве целого проекта или скачивать их на свой компьютер.
Спектр возможностей, которые предлагает Cloud9, очень широк. Я рекомендую минут 10-15 осмотреться в бесплатном аккаунте, и вы сразу влюбитесь в работу UI. Компания не перестает набирать обороты, поэтому в ближайшие несколько лет я надеюсь на добавление новых полезных опций.
14.CodeRun
– онлайн редактор для любого динамического веб-приложения. Текстовый редактор очень похож на Microsoft Visual Studio; вы даже можете кодировать в C# для ASP.NET. Их библиотеки включают сторонние ресурсы в лице Facebook Connect и Silverlight.
Помимо основанных на Microsoft веб-приложениях, вы можете кодировать прямо в javascript или PHP. Принцип работы CodeRun мало чем отличается от Visual Studio: создание нового проекта веб-сайта и работа над отдельными файлами. В нижней части экрана расположены инструменты для отладки и результаты из окна консоли.
Незаменим, если у вас есть опыт работы с Visual Studio. Интерфейс практически одинаковый, и вы даже можете скачивать/загружать файлы проекта на свой компьютер. Это еще один инструмент, который опытные веб-разработчики могут взять на заметку.
15.Compilr
Шаблон очень схож с шаблоном приложений Windows. Вы можете работать с открытыми документами и редактировать файлы прямо на ходу. Тем не менее, прежде чем приступить к созданию новых проектов, вам придется зарегистрироваться.
Так как макет страницы напоминает обычное настольное приложение, работать с ним достаточно легко даже новичкам. Инструменты поддерживают такие методики программирования, как C++, C# и Visual Basic. В целом, Compilr должен стать запасным приложением для тестирования и отладки исходного текста.
В заключение
Число компьютеров, соединенных между собой, растет, поэтому разработчикам становится проще работать в браузере сообща. Новые технологии появляются в рамках местных приложений, и кто знает, как далеко это зайдет.
Надеюсь, приведенная в нашей статье коллекция инструментов для тестирования кодов заставила вас задуматься о современном пространстве для разработки. В наше время ничего не стоит в считанные минуты соединить HTML/CSS веб-проект и получить небольшое демо-видео. Обратите внимание, что эти инструменты служат лишь для того, чтобы помочь вам в процессе создания финального продукта.
Проверяет html код, как заданный с помощью ссылки на страницу, так и просто в виде загруженного файла или скопированного текста. Дает список замечаний с рекомендациями по их исправлению.
http://validator.w3.org/
Проверяет стили документа или таблицу стилей, расположенную в отдельном файле.
http://jigsaw.w3.org/css-validator/
Проверяет правильность работы фидов RSS и Atom.
http://validator.w3.org/feed/
Подсвечивает ошибки на заданной URL странице.
http://webmaster.yandex.ru/spellcheck.xml
Показывает ошибки в тексте, скопированном в проверочное окно.
http://api.yandex.ru/speller/
Показывает структуру веб страницы. Актуален для проверки html5 документов.
Неправильно отображает кириллицу (:.
http://gsnedders.html5.org/outliner/
В бесплатной версии показывает до 10 страниц в инете с частичным совпадением текста с вашей страницей.
http://www.copyscape.com
Проверяет уникальность текста введенного в форму. В бесплатной версии возможно ожидание результатов.
http://www.miratools.ru/Promo.aspx
Проверяет уникальность как введенного текста, так и текста по заданному URL, показывает уровень уникальности в процентах.
Имеет собственный алгоритм проверки.
http://content-watch.ru
Десктопные программы для проверки уникальности контента от бирж копирайтеров. Работают долго, но качественно. Etxt имеет версии для трех операционных систем: Mac, Linux и Windows.
http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/
Показывает сайты с похожим содержанием и схожей внутренней структурой.
http://similarsites.com
Проверяет наличие признаков наиболее известных cms.
http://2ip.ru/cms/
Оценивает возможность просмотра страницы с мобильных устройств и выдает список замечаний и ошибок.
http://validator.w3.org/mobile/
Проверка удобства сайта для телефонов от Гугл.
https://www.google.com/webmasters/tools/mobile-friendly/
Показывает скорость загрузки сайта на мобильных устройствах.
https://testmysite.withgoogle.com/intl/ru-ru
Сайт эмулятор выхода с мобильного телефона. Показывает сайт глазами выбранной модели.
http://www.mobilephoneemulator.com/
Сервис проверки страницы для слабовидящих. Доступен on-linе и в виде плагина для Firefox.
http://wave.webaim.org/
Показывает текст сайта, приближенный к тому, что видит поисковый индексатор.
http://www.seo-browser.com/
Дистрибутив текстового браузер lynx для win32 систем. Перед использованием нужно отредактировать lynx.bat, указав в нем путь к директории с lynx.
http://www.fdisk.com/doslynx/lynxport.htm
Убирает все разметку и показывает текст страницы, мета теги и теги заголовков, число внешних и внутренних ссылок. Показывает превью страницы в google.
http://www.browseo.net
Показывает список исходящих ссылок для URL и проверяет их отклик. Может проверять рекурсирвно, то есть переходить от одного документа к другому самостоятельно.
http://validator.w3.org/checklink
Freeware инструмент для проверки битых ссылок. Для работы нужно установить его на свой компьютер. Рекурсивно сканирует сайт, делает отчеты, может быть полезен для составления карты сайта.
http://home.snafu.de/tilman/xenulink.html
Сканирует до 500 страниц сайта в бесплатной версии. Проверяет число внешних и внутренних ссылок. Выводит информацию о просканированных страницах: вложенность, коды ответа, названия, мета информацию и заголовки.
http://www.screamingfrog.co.uk/seo-spider/
Программа сканирует сайт, строит матрицу внутренних ссылок,
добавляет внешние (входящие) ссылки с заданных URL и, на основании этих данных, рассчитывает
внутренние веса страниц сайта. Программа может быть использована для нахождения внешних (исходящих) ссылок для списка URL страниц сайта.
Проверяет коды ответа сервера, прогнозирует скорость загрузки страницы в зависимости от объема в байтах ее данных,
показывает содержимое html тега head, внутренние и внешние ссылки для страницы, содержимое страницы глазами поискового робота.
http://urivalet.com/
Проверяет коды ответа сервера. Дает возможность проверить редиректы (коды ответа 301, 302), заголовок Last-Modified и др.
http://www.rexswain.com/httpview.html
Показывает объемы и содержимое данных, передаваемых при загрузки страницы.
http://www.websiteoptimization.com/services/analyze/
Проверяет редиректы, использование атрибута canonical, мета теги, некоторые аспекты безопасности сайта. Дает рекомендации по улучшению загрузки страниц.
http://www.seositecheckup.com
WHOIS-сервис центра регистрации доменов RU center. Дает информацию по IP адресам и доменам по всему миру. Иногда зависает.
https://www.nic.ru/whois/?wi=1
Служба Whois от РосНИИРОС (RIPN). Дает информацию для доменов в зоне RU и IP адресам из базы RIPE (Европа).
http://www.ripn.net:8080/nic/whois/
Определяет, где у домена хостинг и также показывает IP адрес сайта.
http://www.whoishostingthis.com
Проверка не включен ли IP адрес в черный список для рассылки email.
http://whatismyipaddress.com/blacklist-check
http://ru.smart-ip.net/spam-check/
Проверка MX записей для домена. Проверка SMTP сервера для домена. Проверка IP в черных списках для рассылки.
https://mxtoolbox.com/
Поиск по базе зарегистрированных торговых марок в США.
http://tmsearch.uspto.gov/
Проверяет доступность для индексации страниц сайта роботом Yandex.
http://webmaster.yandex.ru/robots.xml
Проверяет корректность файла robots.txt.
https://www.websiteplanet.com/webtools/robots-txt
Мониторинг доступности сайта. Дает возможость подключить один сайт бесплатно с минимальными опциями проверки.
http://www.siteuptime.com
Проверка скорости загрузки сайта. Посылает отчет на email. Имеет платные сервисы мониторинга доступности сайта.
http://webo.in
Проверка скорости загрузки страниц сайта.
http://www.iwebtool.com/speed_test
Сервис, показывающий ключевые слова для сайта, по которым он находится в ТОП 20 (первой двадцатке) выдачи Google во времени. Данные о поисковом и рекламном трафике.
http://www.semrush.com/
Положение в ТОП50 yandex и Google. Тиц сайта и PR главной страницы, наличие в важных каталогах, видимость в топе по ВЧ запросам.
http://pr-cy.ru/
Проверка трастовости сайта. Сервис, утверждающий, что он измеряет траст для Яндекса (проверить все равно никто не может:).
http://xtool.ru/
Проверка наложения фильтров Панда и Пингвин от Гугл. Сервис позволяет визуально определить падал ли сайт в даты апдейтов Панда и Пингвин.
http://feinternational.com/website-penalty-indicator/
Проверка Page Rank страниц сайта (при копировании URL в инструмент нужно стереть последнюю букву а потом написать заново).
http://www.prchecker.net/
Показывает историю развития сайта и дает возможность посмотреть скриншоты старых страниц.
http://www.archive.org/web/web.php
История позиций сайта в ТОП Google (ключевые фразы, страницы, заголовки), показателей PR, ТИЦ, Alexa Rank, числа обратных ссылок для популярных сайтов.
http://SavedHistory.com
SEO Doctor - дополнение к Firefox. Показывает ссылки на странице и дает удобный интерфейс к различным SEO сервисам.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/
SeoQuake - дополнение к Firefox. Показывает важнейшие характериситки сайта: ТИЦ, PR, обратные ссылки, Alexa Rank.
Работает как с выдачей Google, так и с выдачей Yandex. Дает возможность быстрого анализа конкурентов.
http://www.seoquake.com/
IEContextHTML - дополнение к Internet Explorer. Проверяет индексацию ссылок в Yandex и Google, показывает список внешних и внутренних ссылок, позволяет импортировать данные c веб страниц.
Обновляемый список бесплатных прокси серверов, в том числе и Российских.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php
http://spys.ru/proxys/ru/
Анонимный бесплатный прокси с возможностью представиться из трех стран. Работает с поиском Google.
https://hide.me/en/proxy
Эммуляторы поиска Google в разных странах, путем задания параметров поиска.
http://searchlatte.com/
http://isearchfrom.com/
Сервис дает возможность глубокой проверки (до 500) позиции сайта по регионам в Yandex.
Осуществляет анализ ссылочной массы сайта, формирует срезы по различным критериям: тип ссылки, анкоры, страницы. Показывает вес обратных ссылок.
Сервис доступен только для зарегистрированных пользователей.
http://ahrefs.com
Проверяет наличие бэклинков на сайт в предложенном списке URL (до 100 страниц).
http://webmasters.ru/tools/tracker
Показывает число лайков (plusone) в Google+. Можно вводить сразу список проверяемых URl.
http://www.plusonechecker.net/
Показывает популярность в Твиттере, Google+, Facebook, LinkedIn, Pinterest, Delicious, StumbleUpon, Diggs.
http://sharedcount.com
Показывает популярность первой страницы сайта в Твиттере, Google+, Facebook, Delicious, StumbleUpon.
Для российских сайтов данные иногда неверные.
http://www.coolsocial.net
Сканирует сайт и формирует отчеты "Shares" основных зарубежных социальных сетей для этих страниц. Регистрирует пользователей через акаунт в твиттере. Отчеты можно видеть уже на следующий день.
https://socialcrawlytics.com
Проверяет заданный URL на подозрительный код, показывает подгружаемые скрипты и результаты их проверки.
http://vms.drweb.com/online/
Проверяет URL на вирусы 30 сканерами.
https://www.virustotal.com/#url
Система защиты сайта от вирусов. Ежедневно сканирует файлы сайта и присылает отчет об их изменениях по email.
Как бы это странно не казалось, но ещё существуют пользователи, которые отключают JavaScript . И большинство Web-мастеров просто "забивают" на них, однако, иногда хочется дать совет, чтобы пользователь включил JavaScript . И вот как сделать проверку: "Включён ли JavaScript" , и если нет, то вывести строку с просьбой включить, я расскажу в этой статье.
Код, приведённый ниже, необходимо разместить внутри тега body :
document.write("У Вас включён JavaScript!");
У Вас отключён JavaScript...
Немного поясню этот код. Если у пользователя JavaScript включён , то метод write() сработает и выведет строку. Если же JavaScript отключён , то весь тег script будет проигнорирован. Однако, дальше идёт тег noscript . Данный тег содержит элементы, которые будут показаны браузером , если JavaScript отключён . То есть содержимое тега noscript показывается, когда отключён JavaScript , а когда включён, то пользователь noscript не видит.
Именно таким нехитрым образом, Web-мастера часто пишут: "Включите, пожалуйста, JavaScript ", либо выводят какие-то красивые картинки с аналогичной просьбой, либо ещё что-нибудь, ведь внутри тега noscript можно помещать любые HTML-теги . И теперь Вы можете применить полученные знания и на своём сайте, ведь не секрет, что сейчас не так просто найти сайт, который бы вообще не использовал JavaScript .