| 10.07.2015
Pracując nad kodem, bardzo łatwo przeoczyć i pominąć przecinek lub nawias. A ponowne przeczytanie długiego, niedziałającego kodu w poszukiwaniu takiego błędu jest generalnie niewdzięcznym zadaniem. W takim przypadku pomocne może być sprawdzenie kodu za pomocą specjalnych narzędzi programowych. Nasza selekcja dedykowana jest kilku szczególnie popularnym walidatorom języka JavaScript.
« JSLint zrani Twoje uczucia" - to ostrzeżenie można zobaczyć na stronie walidatora JSLint, stworzonego w 2002 roku przez Douglasa Crockforda. I to prawda, ponieważ bardzo często JSLint znajduje wiele błędów w doskonale działającym kodzie. Jeśli zależy Ci na udoskonaleniu swojego kodu i doprowadzeniu go do idealnego stanu skorzystaj z tej usługi.
JSHint to wygodniejsza i konfigurowalna, a także bardziej popularna wersja walidatora JSLint. JSHint jest preferowany przez programistów ze względu na możliwość wyboru ustawień i reguł przeglądu kodu i jest dostarczany z dobrą dokumentacją. Łatwa integracja z edytorami.
To narzędzie ma również wystarczającą liczbę niestandardowych reguł, które mogą mieć również dodatkowe konfigurowalne parametry. Dostępne są różne wtyczki. ESLint jest łatwy do zrozumienia i posiada wiele funkcji, których nie można znaleźć w innych usługach.
JSCSNarzędzie JavaScript Code Style różni się od poprzednich tym, że nie sprawdza kodu pod kątem potencjalnych błędów. Celem JSCS jest sprawdzanie i wykrywanie naruszeń stylu kodu. Użytkownicy mają do dyspozycji wiele presetów i gotowych konfiguracji, z których można od razu zacząć korzystać, jeśli trzymają się tego samego stylu kodowania.
3,6 na 5
Cześć wszystkim!
Dzisiaj przyjrzymy się, jak możesz przetestować wydajność swojego kodu JS i odpowiednio go zoptymalizować.
Kilka miesięcy temu napisałem artykuł o tym, w którym przyjrzeliśmy się, jak korzystać z tej właśnie konsoli. Dzisiaj skorzystamy z metody console.profile() i zobaczymy, jak można ją wykorzystać do testowania, a następnie udoskonalania skryptów.
PiaskownicaNa początek utwórzmy mały dokument HTML, który będzie zawierał kilka elementów oraz kod, który będziemy testować.
Testowanie wydajności skryptów JS
Jakiś tekst
- Jakiś element z tekstem
konsola.profile() ;
// Tutaj umieścimy nasz kod
konsola.profileEnd();
Sam kod zostanie umieszczony pomiędzy console.profile() i console.profileEnd() .
Sprawdzanie istnienia elementuCzęsto zdarza się, że dla wszystkich stron witryny ładowane są te same skrypty, dlatego czasami może nie być potrzebnych elementów. Mimo że jQuery nie wykona kodu dla nieistniejących elementów, nadal lepiej jest sprawdzić, czy elementy istnieją. Przyjrzyjmy się dwóm opcjom kodu i zwróćmy uwagę na czas ich wykonania. Pierwszy kod nie sprawdza:
Konsola.profil();
$("#główny element");
konsola.profileEnd();
W wyniku wykonania tego kodu otrzymamy w konsoli Firebug taki obrazek:
Drugi kod sprawdza, czy istnieją elementy, na których należy wykonać akcję:
Konsola.profile() ;
var ele = $("#coś, czego nie ma tutaj");
jeśli (ele) (
ele.text("Trochę tekstu").slideUp(300).addClass("edycja");
}
$("#główny element");
konsola.profileEnd();
I wyprowadza to na konsolę:
W efekcie dochodzimy do wniosku, że lepiej sprawdzić istnienie elementu – prędkość wykonania będzie większa. Ale to nie znaczy, że musisz wszystko sprawdzić: zazwyczaj istnieje główny element grupy, bez którego wszystkie pozostałe i tak nie mogą istnieć. To właśnie należy sprawdzić.
Efektywne używanie selektorówNajprawdopodobniej przeczytałeś mój. Jeśli nie, to przeczytaj. Mówiłem tam o tym, jak przeglądarki analizują selektory i które selektory działają z jaką szybkością. Krótko mówiąc, selektor id działa najszybciej, a selektor uniwersalny najwolniej.
Zróbmy więc eksperyment. Należy pamiętać, że szybkość wykonywania skryptów może się różnić na różnych komputerach i przeglądarkach.
Najpierw spróbujmy wybrać elementy według klas:
Konsola.profile() ;
$(.wybrane");
konsola.profileEnd();
Konsola.profile() ;
$("li.wybrane");
konsola.profileEnd();
Wynik 0,291 ms - spadek o 0,027 ms. Teraz wyjaśnijmy trochę selektor: potrzebne nam elementy muszą znajdować się w kontenerze z id="someList" :
Konsola.profile() ;
$("#jakaśLista.wybrana");
konsola.profileEnd();
0,283 ms to niewielka poprawa. Wyjaśnijmy selektor nazwą tagu:
Konsola.profile() ;
$("#someList li.selected");
konsola.profileEnd();
Mamy 0,275 ms. Teraz dla zabawy wybierzmy element bezpośrednio według identyfikatora:
Konsola.profile() ;
$("#główny element");
konsola.profileEnd();
0,165 ms to nasz nowy rekord. Myślę, że teraz jest jasne, jak najlepiej pisać selektory.
Unikanie niepotrzebnych operacjiCzasami kod może zawierać konstrukcje takie jak:
// Jakiś kod
$(element).doCoś();
// Potem więcej kodu
$(element).doSomethingElse();
// I więcej kodu
$(element).doWięcejCośElse();
Nigdy tego nie rób. Ciągle żąda się jednego przedmiotu. Jest to zbyt drogie, jeśli chodzi o wydajność.
Weźmy naszą piaskownicę i przeprowadźmy w niej podobny proces:
Konsola.profile() ;
$("#mainItem").hide();
$("#mainItem").val("Witam");
$("#mainItem").html("Witam!");
$("#mainItem").show();
konsola.profileEnd();
Powyższy kod można również wykonać jako łańcuch:
Konsola.profil();
$("#mainItem").hide().val("Witam").html("Witam!").show();
konsola.profileEnd();
Podczas korzystania z łańcucha element jest żądany jednokrotnie, a następnie odniesienie do niego przekazywane jest do metod. Skraca to czas wykonania.
Możesz także buforować element i wykonywać działania na już zapisanym w pamięci podręcznej:
Konsola.profile() ;
var elem = $("#mainItem");
element.ukryj();
elem.val("Witam");
elem.html("O, cześć!");
element.pokaż();
konsola.profileEnd();
Jak widać z przykładów, buforowanie i wykorzystanie łańcuchów akcji skraca czas wykonywania skryptu.
Inteligentna manipulacja DOMWiadomo, że operacje DOM (Document Object Model), takie jak pobieranie lub wstawianie elementów, pochłaniają bardzo dużo zasobów. Zobaczmy, jak możemy przyspieszyć te operacje.
Współczesne trendy i aplikacje internetowe radykalnie zmieniły możliwości programistów. Nie ma wątpliwości, że potrzebują jakiegoś IDE do kodowania nowych plików i zapisywania ich do późniejszego umieszczenia. A co jeśli po prostu przetestujesz fragmenty kodu? Na szczęście obecnie istnieje wiele różnych narzędzi do tego!
W tym artykule omówimy 15 aplikacji internetowych do testowania kodu online. Wszystkie działają tak długo, jak długo masz połączenie z Internetem; Część z nich oferuje plany pro na dodatkowy pakiet nieruchomości. Większość z nich będzie przydatna podczas próby znalezienia i debugowania części JavaScript lub PHP.
1. Kodopad
Stworzona przez Stevena Hazela to wyjątkowa aplikacja internetowa, która umożliwia kodowanie składni w Internecie. Oprócz debugowania Codepad umożliwia użytkownikom kopiowanie/wklejanie ważnych części kodów i udostępnianie ich online.
Na ekranie wyjściowym wyświetlane są komunikaty o wszelkich błędach związanych z kodem. Za pomocą przycisków w lewym menu możesz zmienić język (C/C++, Perl, PHP, Python, Ruby itp.). Codepad jest skierowany bardziej do twórców oprogramowania, którzy muszą współpracować i debugować swoje najbardziej problematyczne programy.
2. Napisz kod online
Strona główna przekieruje Cię do edytora Java Script. Możesz wybierać pomiędzy JS, PHP i podstawowym kodowaniem URL. Aplikacja jest nie tylko bezpieczna i niezawodna, ale także dość łatwa w użyciu.
Co ciekawe, efekty swojej pracy zobaczysz tuż pod polem tekstowym. Jeśli więc klikniesz „uruchom kod”, wynik zostanie wyświetlony na ekranie. Debugowanie dużych skryptów PHP może być trudniejsze, ponieważ wymaga dołączenia innych plików.
Jednak aplikacja zapewni Ci niezastąpioną pomoc w testowaniu nowego pomysłu na siłę.
3. Majsterkowicz
Mogę z łatwością nazwać to moim ulubionym zasobem internetowym do edycji kodów. Obsługuje HTML5/CSS3/JS i wyświetla wynik bezpośrednio na ekranie. Aplikacja jest jeszcze w fazie rozwoju alfa, ale większość narzędzi działa świetnie i szybko wyszukuje błędy w programach.
Silnik renderujący obsługuje języki takie jak Coffeescript i Sass w ramach CSS. Oferują zaawansowany system zarządzania i wsparcie dla wielu marek zajmujących się projektowaniem stron internetowych, z których wolisz korzystać w dalszej pracy.
Nie można zignorować faktu, że do najpopularniejszych opcji dostępne są skróty klawiszowe. Ale takiej funkcjonalności nie ma we wszystkich aplikacjach internetowych, nie mówiąc już o edytorach kodu wbudowanych w przeglądarkę. Kiedy wprowadzasz nowe tagi, IDE automatycznie wypełnia nowe linie. Tinkerbin to narzędzie front-end, które zdecydowanie powinno znaleźć się w Twoich narzędziach do tworzenia stron internetowych.
4.JS Kosz
Dla początkujących praca z interfejsem może przysporzyć pewnych trudności. Aby tego uniknąć, mogą użyć . JS Bin oferuje dużą liczbę bibliotek do wyboru - jQuery, JQuery UI, jQM Prototype, MooTools itp.
Jeśli kodujesz różne elementy, projekty zostaną zapisane automatycznie. Dodatkowo masz możliwość pobrania końcowego efektu swojej pracy lub zapisania źródła online. Ten system lepiej nadaje się do eksportowania i zapisywania kodu niż zwykły szablon.
5.JsFiddle
Każdy, kto odwiedził Stack Overflow, powinien wiedzieć o . Ich interfejs różni się od JSBin tym, że oferuje więcej opcji.
Obsługuje także biblioteki takie jak Prototype i jQuery. Co więcej, możesz dołączyć dodatkowe źródła zewnętrzne do plików JS/CSS w dowolnym testowanym dokumencie. Co ciekawe, aplikacja obsługuje nawet XHP Ajax, dzięki któremu możesz przekazywać informacje z serwera do okna przeglądarki klienta i odwrotnie.
6. CSSDesk
Przechodzimy od skryptów do języka stylów i . Wszystko wygląda mniej więcej tak samo, jak w poprzednich narzędziach: tekst źródłowy znajduje się po lewej stronie, finalna strona internetowa po prawej. Ta aplikacja internetowa doskonale nadaje się do tworzenia szablonów stron internetowych i testowania właściwości CSS3.
7.Jsdo.It
Niektóre aplikacje są w języku japońskim, co wydaje mi się, że powstały gdzieś w Azji. To, co najbardziej podoba mi się w ich interfejsie, to możliwość przesyłania nowo utworzonych plików i przechowywania ich w projekcie. Możesz z łatwością przechowywać całe układy stron internetowych online oraz uzyskiwać do nich dostęp i edytować je z dowolnego komputera.
8. Plac zabaw Google Code
Byłem zaskoczony, jak wielu programistów nie wie o istnieniu platformy . Otrzymujesz pełny dostęp do ich API i możesz debugować cały swój kod w tym samym oknie.
Mówiąc o interfejsie API, mam na myśli to, że możesz pobierać dane z największych produktów Google: postów z Bloggera, punktów orientacyjnych z Map Google, a nawet filmów prosto z YouTube. Po kliknięciu różnych opcji dane w oknie podglądu również zostaną zaktualizowane.
Sugerowałbym zachowanie tego narzędzia jedynie jako zasobu, ponieważ nie będzie ono odpowiednie do wszystkiego, co napiszesz. Google to jednak duża firma posiadająca wiele interfejsów API danych kodu źródłowego. Jeśli kiedykolwiek będziesz potrzebować materiałów z serwisu YouTube lub wyszukiwarki Google, to narzędzie z pewnością Ci się przyda.
9.IDEOne
– kolejne narzędzie do „głębokiego” programowania i tworzenia oprogramowania. Ich edytor online obsługuje podświetlanie elementów składniowych dla wielu ważnych języków, w tym Objective-C, Java, C#, VB.NET, SQL i wielu innych. itp.
10.Kod kodowy Viper7
Ta aplikacja internetowa, znana również jako , znajduje się na stronie, gdzie przekierowuje do tego samego edytora online. Ich narzędzia są skonfigurowane do debugowania zmiennej wyjściowej PHP, która w zależności od wyboru może różnić się między PHP5 i PHP4.
Tworząc konto, Codepad może być używany jako osobisty system przechowywania. Tutaj, podobnie jak w innych edytorach online, możesz nazwać każdy projekt PHP i przechowywać go online za darmo. Ten edytor kodu różni się tym, że użytkownicy nie muszą instalować żadnego oprogramowania na swoim komputerze. Po zinterpretowaniu każdego skryptu edytor zaoferuje dodatkowe metaszczegóły, takie jak wywołania przeglądarki lub nagłówki odpowiedzi.
11.JSLint
Samo w sobie jest to trochę dziwne, natomiast edytor kodu działa według całkowicie standardowego schematu.
Oferowane opcje mogą Cię zaskoczyć, jeśli wcześniej nie spotkałeś się z tego typu szablonami. Jeśli masz określony zestaw umiejętności, możesz pracować z oprogramowaniem open source. Jednak wiele kodów źródłowych nie obsługuje nawet podświetlania składni, co jest rażącym pominięciem, biorąc pod uwagę tak szeroki zakres opcji. Polecam spróbować, jeśli masz trochę wolnego czasu, ale nie ma gwarancji, że stanie się Twoim ulubionym narzędziem do debugowania JavaScript.
12.Skrzypce SQL
Nieco wcześniej przyjrzeliśmy się aplikacji internetowej o nazwie jsFiddle. Teraz czas porozmawiać o programie, który działa w tym samym duchu, z wyjątkiem składni bazy danych SQL. Udało mi się znaleźć przyzwoitą alternatywę do testowania kodu bazy danych.
Wszystkie informacje wyjściowe z kodu SQL pojawią się w tabeli pod edytorami. Możesz napisać nowy kod, aby zastosować dane po prawej stronie i wygenerować diagram po lewej stronie. Ten schemat bazy danych to kod SQL, który można zapisać, aby wyeksportować bieżącą bazę danych i ponownie zainstalować wszystko na nowym serwerze.
Jeśli nie znasz baz danych ani języka SQL, ta aplikacja prawdopodobnie nie będzie dla Ciebie przydatna. Ale dla programistów, którzy są zainteresowani nauką SQL, to narzędzie jest idealne!
13. IDE Cloud9
Moim zdaniem jest to najlepszy edytor źródeł dostępny w Internecie. To nie tylko edytor, ale cały system narzędzi i zasobów; na ich serwerach możesz przechowywać wszystkie repozytoria kodu źródłowego.
Rejestracja jest bezpłatna dla wszystkich projektów społecznych. Jeśli potrzebujesz przestrzeni osobistej przed rozwojem, będzie to kosztować 15 USD miesięcznie lub 180 USD rocznie. Możesz udostępniać prywatne repozytoria kodów dowolnej osobie. Ta opcja umożliwia programistom współpracę przy różnych projektach.
Każdy nowy projekt jest przechowywany w podfolderze, w którym można utworzyć rzeczywiste pliki fizyczne. HTMl, CSS, JS, PHP i wszystko, czego potrzebujesz do kodowania, będzie na Twoim koncie. Z czasem będziesz mógł wysłać te pliki jako cały projekt lub pobrać je na swój komputer.
Wachlarz możliwości, jakie oferuje Cloud9 jest bardzo szeroki. Polecam rozejrzeć się przez 10-15 minut na darmowym koncie, a od razu zakochasz się w działaniu interfejsu użytkownika. Firma stale się rozwija, więc mam nadzieję, że w ciągu najbliższych kilku lat dodam nowe przydatne opcje.
14. Uruchomienie kodu
– edytor online dowolnej dynamicznej aplikacji internetowej. Edytor tekstu jest bardzo podobny do Microsoft Visual Studio; możesz nawet kodować w języku C# dla ASP.NET. Ich biblioteki obejmują zasoby stron trzecich, takie jak Facebook Connect i Silverlight.
Oprócz aplikacji internetowych opartych na technologii Microsoft można kodować bezpośrednio w JavaScript lub PHP. Sposób działania CodeRun nie różni się zbytnio od Visual Studio: utwórz nowy projekt strony internetowej i pracuj nad pojedynczymi plikami. Na dole ekranu znajdują się narzędzia debugowania i wyniki z okna konsoli.
Niezbędne, jeśli masz doświadczenie z Visual Studio. Interfejs jest prawie taki sam i możesz nawet pobierać/przesyłać pliki projektu na swój komputer. To kolejne narzędzie, z którego mogą skorzystać doświadczeni twórcy stron internetowych.
15. Kompilator
Szablon jest bardzo podobny do szablonu aplikacji Windows. Możesz pracować z otwartymi dokumentami i edytować pliki, gdziekolwiek jesteś. Zanim jednak zaczniesz tworzyć nowe projekty, będziesz musiał się zarejestrować.
Ponieważ układ strony przypomina zwykłą aplikację komputerową, praca z nią jest dość łatwa nawet dla początkujących. Narzędzia obsługują techniki programowania, takie jak C++, C# i Visual Basic. Ogólnie rzecz biorąc, Compilr powinien być aplikacją rezerwową do testowania i debugowania kodu źródłowego.
Wreszcie
Rośnie liczba komputerów połączonych ze sobą, co ułatwia programistom współpracę w przeglądarce. Nowe technologie pojawiają się dzięki lokalnym zastosowaniom i kto wie, jak daleko to zajdzie.
Mam nadzieję, że zbiór narzędzi do testowania kodu przedstawiony w tym artykule skłonił Cię do zastanowienia się nad nowoczesną przestrzenią programistyczną. W dzisiejszych czasach podłączenie projektu internetowego HTML/CSS w ciągu kilku minut i otrzymanie małego filmu demonstracyjnego nic nie kosztuje. Należy pamiętać, że narzędzia te mają jedynie pomóc w procesie tworzenia produktu końcowego.
Sprawdza kod HTML, określony za pomocą łącza do strony lub po prostu w postaci przesłanego pliku lub skopiowanego tekstu. Podaje listę komentarzy z zaleceniami dotyczącymi ich poprawiania.
http://validator.w3.org/
Sprawdza style dokumentu lub arkusz stylów znajdujący się w osobnym pliku.
http://jigsaw.w3.org/css-validator/
Sprawdza, czy kanały RSS i Atom działają poprawnie.
http://validator.w3.org/feed/
Podkreśla błędy na podanej stronie URL.
http://webmaster.yandex.ru/spellcheck.xml
Pokazuje błędy w tekście skopiowanym do okna weryfikacji.
http://api.yandex.ru/speller/
Pokazuje strukturę strony internetowej. Istotne przy sprawdzaniu dokumentów HTML5. Cyrylica nie jest wyświetlana poprawnie (:.
http://gsnedders.html5.org/outliner/
Darmowa wersja wyświetla do 10 stron w Internecie z częściowym dopasowaniem tekstu do Twojej strony.
http://www.copyscape.com
Sprawdza unikalność tekstu wprowadzonego do formularza. W wersji darmowej możesz poczekać na wyniki.
http://www.miratools.ru/Promo.aspx
Sprawdza unikalność zarówno wprowadzonego tekstu, jak i tekstu pod podanym adresem URL, pokazuje poziom unikalności w procentach. Posiada własny algorytm weryfikacji.
http://content-watch.ru
Programy desktopowe do sprawdzania unikalności treści z giełd copywritingowych. Działają przez długi czas, ale z wysoką jakością. Etxt ma wersje dla trzech systemów operacyjnych: Mac, Linux i Windows.
http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/
Pokazuje witryny o podobnej treści i podobnej strukturze wewnętrznej.
http://similarsites.com
Sprawdza oznaki najsłynniejszych cmsów.
http://2ip.ru/cms/
Ocenia możliwość przeglądania strony z urządzeń mobilnych i wyświetla listę komentarzy i błędów.
http://validator.w3.org/mobile/
Sprawdzanie użyteczności witryny dla telefonów Google.
https://www.google.com/webmasters/tools/przyjazny dla urządzeń mobilnych/
Pokazuje prędkość ładowania witryny na urządzeniach mobilnych.
https://testmysite.withgoogle.com/intl/ru-ru
Strona jest emulatorem umożliwiającym wylogowanie się z telefonu komórkowego. Pokazuje witrynę oczami wybranej modelki.
http://www.mobilephoneemulator.com/
Usługa weryfikacji strony dla osób niedowidzących. Dostępne online i jako wtyczka do przeglądarki Firefox.
http://wave.webaim.org/
Pokazuje tekst witryny zbliżony do tego, co widzi indeksator wyszukiwania.
http://www.seo-browser.com/
Dystrybucja przeglądarki tekstowej Lynx dla systemów win32. Przed użyciem należy edytować plik lynx.bat, wskazując w nim ścieżkę do katalogu z rysiem.
http://www.fdisk.com/doslynx/lynxport.htm
Usuwa wszystkie znaczniki i wyświetla tekst strony, metatagi i tagi tytułowe, liczbę linków zewnętrznych i wewnętrznych. Pokazuje podgląd strony w Google.
http://www.browseo.net
Wyświetla listę linków wychodzących dla adresu URL i sprawdza ich responsywność. Może sprawdzać rekurencyjnie, czyli niezależnie przechodzić z jednego dokumentu do drugiego.
http://validator.w3.org/checklink
Darmowe narzędzie do sprawdzania uszkodzonych linków. Aby działać, musisz zainstalować go na swoim komputerze. Rekursywnie skanuje witrynę, tworzy raporty, może być przydatny przy tworzeniu mapy witryny.
http://home.snafu.de/tilman/xenulink.html
W wersji bezpłatnej skanuje do 500 stron internetowych. Sprawdza liczbę linków zewnętrznych i wewnętrznych. Wyświetla informacje o zeskanowanych stronach: zagnieżdżenia, kody odpowiedzi, tytuły, metainformacje i nagłówki.
http://www.screamingfrog.co.uk/seo-spider/
Program skanuje witrynę, buduje macierz linków wewnętrznych, dodaje linki zewnętrzne (przychodzące) z podanych adresów URL i na podstawie tych danych oblicza wewnętrzne wagi stron serwisu. Program może służyć do wyszukiwania linków zewnętrznych (wychodzących) do listy adresów URL stron serwisu.
Sprawdza kody odpowiedzi serwera, przewiduje prędkość ładowania strony w zależności od objętości jej danych w bajtach, pokazuje zawartość znacznika HTML head, linki wewnętrzne i zewnętrzne do strony oraz zawartość strony oczami robota wyszukującego.
http://urivalet.com/
Sprawdza kody odpowiedzi serwera. Umożliwia sprawdzenie przekierowań (kody odpowiedzi 301, 302), nagłówka Last-Modified itp.
http://www.rexswain.com/httpview.html
Pokazuje ilość i zawartość danych przesłanych podczas ładowania strony.
http://www.websiteoptimization.com/services/analyze/
Sprawdza przekierowania, użycie atrybutu kanonicznego, metatagi i niektóre aspekty bezpieczeństwa witryny. Zawiera zalecenia dotyczące poprawy ładowania strony.
http://www.seositecheckup.com
Usługa WHOIS centrum rejestracji domen centrum RU. Dostarcza informacji o adresach IP i domenach na całym świecie. Czasami zamarza.
https://www.nic.ru/whois/?wi=1
Usługa Whois firmy RosNIIROS (RIPN). Dostarcza informacji o domenach w strefie RU i adresach IP z bazy danych RIPE (Europa).
http://www.ripn.net:8080/nic/whois/
Określa, gdzie domena jest hostowana, a także pokazuje adres IP witryny.
http://www.whoishostingthis.com
Sprawdzanie, czy adres IP znajduje się na czarnej liście do wysyłania wiadomości e-mail.
http://whatismyipaddress.com/blacklist-check
http://ru.smart-ip.net/spam-check/
Sprawdzanie rekordów MX dla domeny. Sprawdzanie serwera SMTP dla domeny. Sprawdzanie adresu IP na listach mailingowych.
https://mxtoolbox.com/
Przeszukaj bazę zarejestrowanych znaków towarowych w USA.
http://tmsearch.uspto.gov/
Sprawdza dostępność stron witryny do indeksowania przez robota Yandex.
http://webmaster.yandex.ru/robots.xml
Sprawdza poprawność pliku robots.txt.
https://www.websiteplanet.com/webtools/robots-txt
Monitorowanie dostępności serwisu. Umożliwia bezpłatne podłączenie jednej witryny internetowej przy minimalnych opcjach weryfikacji.
http://www.siteuptime.com
Sprawdzanie szybkości ładowania witryny. Wysyła raport e-mailem. Posiada płatne usługi monitorowania dostępności witryny.
http://webo.in
Sprawdzanie szybkości ładowania stron serwisu.
http://www.iwebtool.com/speed_test
Usługa wyświetlająca słowa kluczowe dla witryny, dla której na przestrzeni czasu znajduje się ona w TOP 20 (pierwszej dwudziestce) wyników Google. Dane o ruchu w wynikach wyszukiwania i reklamach.
http://www.semrush.com/
Pozycja w TOP50 Yandex i Google. TIC witryny i PR strony głównej, obecność w ważnych katalogach, widoczność na górze dla zapytań o dużej częstotliwości.
http://pr-cy.ru/
Sprawdzanie wiarygodności strony. Serwis, który twierdzi, że mierzy zaufanie do Yandexa (i tak nikt nie jest w stanie tego sprawdzić :).
http://xtool.ru/
Sprawdzanie nakładki filtrów Panda i Pingwin od Google. Usługa pozwala wizualnie określić, czy witryna uległa awarii w datach aktualizacji Pandy i Penguina.
http://feinternational.com/website-penalty-indicator/
Sprawdzanie Page Rank stron serwisu (kopiując adres URL do narzędzia należy usunąć ostatnią literę i wpisać ją ponownie).
http://www.prchecker.net/
Pokazuje historię rozwoju serwisu oraz umożliwia przeglądanie zrzutów ekranowych starych stron.
http://www.archive.org/web/web.php
Historia pozycji witryny w TOP Google (frazy kluczowe, strony, nagłówki), wskaźniki PR, TIC, Alexa Rank, liczba linków zwrotnych do popularnych witryn.
http://SavedHistory.com
SEO Doctor to dodatek do przeglądarki Firefox. Pokazuje linki na stronie i zapewnia wygodny interfejs do różnych usług SEO.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/
SeoQuake to dodatek do przeglądarki Firefox. Pokazuje najważniejsze cechy strony: TIC, PR, linki zwrotne, Alexa Rank. Działa zarówno z wynikami Google, jak i Yandex. Zapewnia możliwość szybkiej analizy konkurencji.
http://www.seoquake.com/
IEContextHTML to dodatek do przeglądarki Internet Explorer. Sprawdza indeksowanie linków w Yandex i Google, wyświetla listę linków zewnętrznych i wewnętrznych oraz umożliwia import danych ze stron internetowych.
Zaktualizowana lista bezpłatnych serwerów proxy, w tym rosyjskich.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php
http://spys.ru/proxys/ru/
Anonimowy bezpłatny pełnomocnik z możliwością przedstawienia się z trzech krajów. Współpracuje z wyszukiwarką Google.
https://hide.me/en/proxy
Emulatory wyszukiwania Google w różnych krajach, ustawiając parametry wyszukiwania.
http://searchlatte.com/
http://isearchfrom.com/
Usługa umożliwia dokładne sprawdzenie (do 500) pozycji witryny według regionu w Yandex.
Analizuje masę linków witryny, generuje wycinki w oparciu o różne kryteria: typ linku, kotwice, strony. Pokazuje wagę linków zwrotnych. Usługa dostępna jest wyłącznie dla zarejestrowanych użytkowników.
http://ahrefs.com
Sprawdza obecność linków zwrotnych do witryny na proponowanej liście adresów URL (do 100 stron).
http://webmasters.ru/tools/tracker
Pokazuje liczbę polubień (plus jeden) w Google+. Możesz od razu wprowadzić listę adresów URL do sprawdzenia.
http://www.plusonechecker.net/
Pokazuje popularność na Twitterze, Google+, Facebooku, LinkedIn, Pintereście, Delicious, StumbleUpon, Diggs.
http://sharedcount.com
Pokazuje popularność pierwszej strony witryny na Twitterze, Google+, Facebooku, Delicious, StumbleUpon. W przypadku witryn rosyjskich dane są czasami nieprawidłowe.
http://www.coolsocial.net
Skanuje witrynę i generuje raporty „Udostępnienia” głównych zagranicznych sieci społecznościowych dla tych stron. Rejestruje użytkowników poprzez konto na Twitterze. Raporty możesz zobaczyć już następnego dnia.
https://socialcrawlytics.com
Sprawdza podany adres URL pod kątem podejrzanego kodu, wyświetla załadowane skrypty i wyniki ich sprawdzenia.
http://vms.drweb.com/online/
Sprawdza adresy URL pod kątem wirusów za pomocą 30 skanerów.
https://www.virustotal.com/#url
System ochrony strony internetowej przed wirusami. Codziennie skanuje pliki witryny i wysyła raport o ich zmianach e-mailem.
Bez względu na to, jak dziwne może się to wydawać, wciąż są użytkownicy, którzy wyłączają JavaScript. Większość webmasterów po prostu je ignoruje, jednak czasem warto doradzić użytkownikowi, aby mógł włączyć JavaScript. A oto jak sprawdzić: „Czy JavaScript jest włączony?”, a jeśli nie, wyświetl linię z prośbą o włączenie, powiem ci w tym artykule.
Poniższy kod należy umieścić wewnątrz znacznika body:
document.write("Masz włączoną obsługę JavaScript!");
Masz wyłączoną obsługę JavaScript...
Pozwólcie, że wyjaśnię trochę ten kod. Jeśli użytkownik ma włączoną obsługę JavaScript, metoda write() zadziała i wydrukuje ciąg znaków. Jeśli JavaScript jest wyłączony, cały tag skryptu zostanie zignorowany. Następny jest jednak tag noscript. Ten tag zawiera elementy, które będą wyświetlane przez przeglądarkę, jeśli JavaScript jest wyłączony. Oznacza to, że zawartość tagu noscript jest wyświetlana, gdy JavaScript jest wyłączony, ale po włączeniu użytkownik nie widzi noscriptu.
W ten prosty sposób webmasterzy często piszą: „ Włącz JavaScript", albo wyświetlają jakieś piękne obrazki z podobną prośbą, albo coś innego, bo wewnątrz tagu noscript można umieścić dowolne znaczniki HTML. A teraz zdobytą wiedzę możesz zastosować na swojej stronie, bo nie jest tajemnicą, że teraz jest nie tak Łatwo jest znaleźć witrynę, która w ogóle nie korzysta z JavaScript.