| 10.07.2015
Koodin parissa työskennellessä on erittäin helppo jättää huomiotta pilkku tai sulkumerkki. Ja pitkän ei-toimivan koodin uudelleen lukeminen tällaisen virheen etsimiseksi on yleensä kiittämätön tehtävä. Tässä tapauksessa koodin tarkistaminen erityisillä ohjelmistotyökaluilla voi auttaa. Valikoimamme on omistettu useille erityisen suosituille JavaScript-kielen validaattoreille.
« JSLint satuttaa tunteitasi" - tämä varoitus näkyy Douglas Crockfordin vuonna 2002 luoman JSLint-validaattorin verkkosivustolla. Ja tämä on totta, koska hyvin usein JSLint löytää monia virheitä täydellisesti toimivasta koodista. Jos yrität parantaa koodiasi ja saattaa se ihanteelliseen tilaan, käytä tätä palvelua.
JSHint on kätevämpi ja muokattavampi ja myös suositumpi versio JSLint-validaattorista. Ohjelmoijat suosivat JSHintia sen kyvystä valita asetukset ja säännöt koodin tarkistamista varten, ja sen mukana tulee hyvä dokumentaatio. Helppo integroida editoreihin.
Tämä työkalu riittää myös mukautettuja sääntöjä, jolla voi olla muita muokattavissa olevia parametreja. Saatavilla on erilaisia laajennuksia. ESLint on helppo ymmärtää ja siinä on monia ominaisuuksia, joita ei löydy muista palveluista.
JSCSJavaScript Code Style -työkalu eroaa aiemmista siinä, että se ei tarkista koodia mahdollisten vikojen ja virheiden varalta. JSCS:n tarkoitus on tarkistaa ja havaita koodityylirikkomukset. Käyttäjien käytettävissä on monia esiasetuksia ja valmiita konfiguraatioita, joita voit aloittaa heti, jos noudatat samaa koodityyliä.
3,6/5
Hei kaikki!
Tänään tarkastelemme, kuinka voit testata JS-koodisi suorituskykyä ja optimoida sen vastaavasti.
Pari kuukautta sitten kirjoitin aiheesta artikkelin, jossa tarkastelimme tämän konsolin käyttöä. Tänään käytämme menetelmää console.profile() ja katsomme, kuinka sitä voidaan käyttää komentosarjojen testaamiseen ja parantamiseen.
HiekkalaatikkoEnsin luodaan pieni HTML-dokumentti, joka sisältää useita elementtejä ja koodin, jota testaamme.
JS-skriptien suorituskyvyn testaus
Jotain tekstiä
- Jokin elementti tekstillä
console.profile() ;
// Sijoitamme koodimme tähän
console.profileEnd();
Itse koodi sijoitetaan console.profile() ja console.profileEnd() väliin.
Elementin olemassaolon tarkistaminenUsein tapahtuu, että samat skriptit ladataan kaikille sivuston sivuille, joten joskus tarvittavat elementit eivät välttämättä ole siellä. Vaikka jQuery ei suorita koodia olemattomille elementeille, on silti parempi tarkistaa elementtien olemassaolo. Tarkastellaan kahta koodivaihtoehtoa ja kiinnitetään huomiota niiden suoritusaikaan. Ensimmäinen koodi ei tee tarkistusta:
Console.profile();
$("#mainItem");
console.profileEnd();
Tämän koodin suorittamisen seurauksena saamme Firebug-konsoliin seuraavan kuvan:
Toinen koodi tarkistaa, onko elementtejä, joille toiminto on suoritettava, olemassa:
Console.profile() ;
var ele = $("#somethingThatisNotHere");
jos (ele) (
ele.text("Jotkin tekstiä").slideUp(300).addClass("muokkaus");
}
$("#mainItem");
console.profileEnd();
Ja se tulostaa tämän konsoliin:
Tämän seurauksena päätämme, että on parempi tarkistaa elementin olemassaolo - suoritusnopeus on suurempi. Mutta tämä ei tarkoita, että sinun pitäisi tarkistaa kaikki: yleensä on ryhmän pääelementti, jota ilman kaikki muut eivät voi olla olemassa. Tämä on tarkistettava.
Valitsimien tehokas käyttöTodennäköisesti olet lukenut minun. Jos ei, niin lue se. Siellä puhuin siitä, kuinka selaimet jäsentävät valitsimia ja mitkä valitsimet toimivat millä nopeudella. Lyhyesti sanottuna id-valitsin toimii nopeimmin ja yleiset toimivat hitain.
Tehdään siis kokeilu. Huomaa, että komentosarjan suoritusnopeudet voivat vaihdella erilaisia tietokoneita ja selaimet.
Yritetään ensin valita elementit luokan mukaan:
Console.profile() ;
$(.selected");
console.profileEnd();
Console.profile() ;
$("li.selected");
console.profileEnd();
Tulos 0,291 ms - väheni 0,027 ms. Selvennetään nyt valitsinta hieman: tarvittavien elementtien on oltava säilön sisällä, jossa on id="someList" :
Console.profile() ;
$("#jokuLista .valittu");
console.profileEnd();
0,283 ms on pieni parannus. Selvennetään valitsinta tunnisteen nimellä:
Console.profile() ;
$("#jokuLista li.valittu");
console.profileEnd();
Saimme 0,275 ms. Valitse nyt elementti suoraan id:llä huvin vuoksi:
Console.profile() ;
$("#mainItem");
console.profileEnd();
0,165 ms on uusi ennätyksemme. Nyt mielestäni on selvää, miten valitsimia on parasta kirjoittaa.
Tarpeettomien operaatioiden välttäminenJoskus koodi voi sisältää rakenteita, kuten:
// Jotain koodia
$(elementti).doSomething();
// Sitten lisää koodia
$(elementti).doSomethingElse();
// Ja lisää koodia
$(elementti).doMoreofSomethingElse();
Älä koskaan tee tätä. Yhtä tuotetta pyydetään yhä uudelleen ja uudelleen. Tämä on liian kallista suorituskyvyn kannalta.
Otetaanpa hiekkalaatikkomme ja suoritetaan siinä jokin samanlainen prosessi:
Console.profile() ;
$("#mainItem").hide();
$("#mainItem").val("Hei");
$("#mainItem").html("Hei!");
$("#mainItem").show();
console.profileEnd();
Yllä oleva koodi voidaan tehdä myös ketjuna:
Console.profile();
$("#mainItem").hide().val("Hei").html("Hei!").show();
console.profileEnd();
Ketjua käytettäessä elementtiä pyydetään kerran ja sitten menetelmille välitetään viittaus siihen. Tämä lyhentää suoritusaikaa.
Voit myös tallentaa elementin välimuistiin ja suorittaa toimintoja jo välimuistissa olevalle elementille:
Console.profile() ;
var elem = $("#mainItem");
elem.hide();
elem.val("Hei");
elem.html("Oi, hei!");
elem.show();
console.profileEnd();
Kuten esimerkeistä näkyy, välimuisti ja toimintaketjujen käyttö lyhentää komentosarjan suoritusaikaa.
Älykäs DOM-manipulaatioDOM (Document Object Model) -operaatiot, kuten elementtien hankkiminen tai lisääminen, ovat tunnetusti erittäin resursseja vaativia. Katsotaan kuinka voimme nopeuttaa näitä toimintoja.
Nykyaikaiset trendit ja verkkosovellukset ovat muuttaneet kehittäjien kykyjä radikaalisti. Ei ole epäilystäkään siitä, että he tarvitsevat jonkinlaisen IDE:n koodatakseen uusia tiedostoja ja tallentaakseen ne myöhempää sijoitusta varten. Entä jos testaat vain koodinpätkiä? Onneksi nykyään on olemassa suuri valikoima erilaisia työkaluja tähän!
Tässä artikkelissa puhumme 15 verkkosovelluksesta online-kooditestaukseen. Ne kaikki toimivat niin kauan kuin olet yhteydessä Internetiin; Jotkut heistä tarjoavat pro-suunnitelmia lisäkiinteistöpaketille. Useimmat niistä ovat hyödyllisiä, kun yrität löytää ja korjata osia javascriptistä tai PHP:stä.
1. Ohjauspaneeli
Steven Hazelin luoma ainutlaatuinen verkkosovellus, jonka avulla voit koodata syntaksia verkossa. Virheenkorjauksen lisäksi Codepad antaa käyttäjilleen mahdollisuuden kopioida/liittää tärkeitä koodien osia ja jakaa ne verkossa.
Tulostusnäyttö näyttää viestejä kaikista koodiisi liittyvistä virheistä. Vasemman valikon painikkeilla voit vaihtaa kieltä (C/C++, Perl, PHP, Python, Ruby jne.). Codepad on suunniteltu enemmän kehittäjille ohjelmisto joiden täytyy työskennellä yhdessä ja korjata ongelmallisimmat ohjelmat.
2. Kirjoita koodi verkossa
Pääsivusto ohjaa sinut sen Java Script -editoriin. Voit valita JS:n, PHP:n tai perus-URL-koodauksen välillä. Sovellus ei ole vain turvallinen ja luotettava, vaan myös melko helppokäyttöinen.
Mielenkiintoista on, että näet työsi tulokset suoraan tekstikentän alla. Joten jos napsautat "Suorita koodi", tulos näkyy näytöllä. Virheenkorjaus iso PHP-skriptit voi olla monimutkaisempi, koska se edellyttää muiden tiedostojen sisällyttämistä.
Sovellus tarjoaa kuitenkin sinulle korvaamattoman avun uuden vahvuusidean testaamisessa.
3. Tinkerbin
Voin helposti kutsua sitä suosikkini online-resurssiksi koodien muokkaamiseen. Se tukee HTML5/CSS3/JS:ää ja tulostaa tuloksen suoraan näytölle. Sovellus on vielä alfakehityksessä, mutta suurin osa työkaluista toimii hyvin ja löytää nopeasti virheet ohjelmista.
Renderöintimoottori tukee CSS:n sisällä kieliä, kuten Coffeescript ja Sass. Niissä on edistynyt hallintajärjestelmä ja tuki monille web-suunnittelubrändeille, joita haluaisit käyttää jatkossa.
Ei voida sivuuttaa sitä tosiasiaa, että suosituimmille vaihtoehdoille on pikanäppäimiä. Mutta tällaisia toimintoja ei löydy kaikista verkkosovelluksista, puhumattakaan selaimen sisäänrakennetuista koodieditoreista. Kun syötät uusia tunnisteita, IDE kirjoittaa automaattisesti uusia rivejä. Tinkerbin on käyttöliittymätyökalu, jonka pitäisi ehdottomasti olla verkkokehitystyökaluissasi.
4.JS Bin
Aloittelijoille käyttöliittymän kanssa työskentely voi aiheuttaa vaikeuksia. Tämän välttämiseksi he voivat käyttää . JS Bin tarjoaa suuri määrä kirjastot, joista valita - jQuery, JQuery UI, jQM Prototype, MooTools jne.
Jos koodaat erilaisia elementtejä, projektit tallennetaan automaattisesti. Lisäksi sinulla on mahdollisuus ladata työsi lopputulos tai tallentaa lähde verkkoon. Tämä järjestelmä sopii paremmin koodin viemiseen ja tallentamiseen kuin tavallinen malli.
5.JsFiddle
Jokaisen, joka on käynyt Stack Overflow -sivustolla, tulisi tietää . Niiden käyttöliittymä eroaa JSBinistä läsnäolon suhteen lisää tarjottuja vaihtoehtoja.
Tukee myös kirjastoja, kuten Prototype ja jQuery. Lisäksi voit sisällyttää muita ulkoisia lähteitä JS/CSS-tiedostoihin missä tahansa testaamasi asiakirjassa. Uskomatonta kyllä, sovellus tukee jopa XHP Ajaxia, jossa voit välittää tietoja palvelimelta asiakkaan selainikkunaan ja päinvastoin.
6.CSSDesk
Olemme siirtymässä käsikirjoituksista tyylikieleen ja . Kaikki näyttää suunnilleen samalta kuin aikaisemmissa työkaluissa: lähdeteksti on vasemmalla, lopullinen verkkosivu on oikealla. Tämä verkkosovellus sopii erinomaisesti web-sivumallien luomiseen ja CSS3-ominaisuuksien testaamiseen.
7.Jsdo.It
Jotkut sovellukset ovat japaninkielisiä, minkä vuoksi luulen, että ne on luotu jossain Aasiassa. Pidän eniten heidän käyttöliittymästään kyvystä ladata uusia tiedostoja ja tallentaa ne projektiin. Voit helposti tallentaa kokonaisia verkkosivujen asetteluja verkkoon ja käyttää ja muokata niitä miltä tahansa tietokoneelta.
8. Google Code Playground
Olin yllättynyt siitä, kuinka monet kehittäjät eivät tiedä sovelluksen olemassaolosta. Saat täyden pääsyn heidän sovellusliittymään ja voit korjata kaiken koodisi samassa ikkunassa.
Tarkoitan API:lla sitä, että voit hakea tietoja Googlen suurimmista tuotteista: viestejä Bloggerista, maamerkkejä Google Mapsista ja jopa videoita suoraan YouTubesta. Kun napsautat eri vaihtoehtoja, tiedot ikkunassa esikatselu myös päivitetään.
Suosittelen pitämään tämän työkalun vain resurssina, koska se ei sovellu kaikkeen kirjoittamaasi. Google on kuitenkin suuri yritys, jolla on monia lähdekooditietojen sovellusliittymiä. Jos tarvitset materiaalia YouTubesta tai Google-hausta, tämä työkalu on varmasti hyödyllinen.
9.IDEOne
– toinen työkalu "syviin" ohjelmointiin ja ohjelmistokehitykseen. Niiden online-editori tukee syntaktisten elementtien korostamista useille tärkeille kielille, mukaan lukien Objective-C, Java, C#, VB.NET, SQL ja monet muut. jne.
10.Viper7-ohjain
Tämä verkkosovellus, joka tunnetaan myös nimellä , sijaitsee sivustolla, jossa se ohjaa samaan online-editoriin. Heidän työkalunsa on määritetty virheenkorjaamaan PHP-tulosmuuttuja, joka voi vaihdella valinnastasi riippuen PHP5:n ja PHP4:n välillä.
Luomalla tilin, Codepad voidaan käyttää henkilökohtainen järjestelmä tietovarasto. Täällä, kuten muissa online-editoreissa, voit nimetä jokaiselle PHP-projektille ja tallentaa sen verkossa ilmaiseksi. Tämä koodieditori eroaa siinä, että käyttäjien ei tarvitse asentaa mitään ohjelmistoa tietokoneelleen. Kun kutakin komentosarjaa tulkitaan, editori tarjoaa lisää metatietoja, kuten selaimen kutsun tai vastausotsikot.
11.JSLint
Se on sinänsä hieman outoa, kun taas koodieditori toimii täysin vakiomallin mukaan.
Tarjotut vaihtoehdot saattavat hämmentää sinua, jos et ole aiemmin törmännyt tämäntyyppisiin malleihin. Jos sinulla on tietyt taidot, voit työskennellä avoimen lähdekoodin kanssa. Monet lähdekoodit eivät kuitenkaan tue edes syntaksin korostusta, mikä on sellaisille räikeä puute laaja valinta vaihtoehtoja. Suosittelen kokeilemaan sitä, jos sinulla on vapaa-aikaa, mutta ei ole takeita siitä, että siitä tulee suosikki JavaScript-virheenkorjaustyökalusi.
12.SQL Fiddle
Hieman aiemmin tarkastelimme verkkosovellusta nimeltä jsFiddle. Nyt on aika puhua , joka toimii samalla tavalla SQL-tietokannan syntaksia lukuun ottamatta. Onnistuin löytämään kunnollisen vaihtoehdon tietokantakoodin testaamiseen.
Kaikki SQL-koodisi ulostulotiedot näkyvät editorien alla olevassa taulukossa. Voit kirjoittaa uuden koodin soveltaaksesi oikealla olevia tietoja ja luodaksesi kaavion vasemmalla. Tämä tietokantaskeema on SQL-koodi, jonka voit tallentaa viedäksesi nykyisen tietokannan ja asentaaksesi kaiken uudelleen uudelle palvelimelle.
Jos et tunne tietokantoja tai SQL-kieltä, tämä sovellus ei todennäköisesti ole hyödyllinen sinulle. Mutta kehittäjille, jotka ovat kiinnostuneita oppimaan SQL:stä, tämä työkalu on täydellinen!
13. Cloud9 IDE
Mielestäni se on paras Internetissä saatavilla oleva lähdeeditori. Tämä ei ole vain editori, vaan koko järjestelmä työkaluja ja resursseja; heidän palvelimilleen voit tallentaa kaikki lähdekoodivarastot.
Ilmoittautuminen on ilmaista kaikkiin yhteisöprojekteihin. Jos tarvitset henkilökohtaista tilaa ennen kehitystä, se maksaa 15 dollaria kuukaudessa tai 180 dollaria vuodessa. Voit jakaa yksityisiä koodivarastoja kenen tahansa valitsemasi kanssa. Tämän vaihtoehdon avulla kehittäjät voivat tehdä yhteistyötä eri projekteissa.
Jokainen uusi projekti tallennetaan alikansioon, jossa voidaan luoda todellisia fyysisiä tiedostoja. HTMl, CSS, JS, PHP ja kaikki mitä tarvitset koodaukseen ovat tililläsi. Ajan myötä voit lähettää nämä tiedostot kokonaisena projektina tai ladata ne tietokoneellesi.
Cloud9:n tarjoamien mahdollisuuksien valikoima on erittäin laaja. Suosittelen katsomaan ympärilleen 10-15 minuuttia ilmaisella tilillä, ja rakastut välittömästi käyttöliittymän toimintaan. Yritys jatkaa kasvuaan, joten toivon lisääväni uusia hyödyllisiä vaihtoehtoja seuraavien vuosien aikana.
14.CodeRun
– online-editori mille tahansa dynaamiselle verkkosovellukselle. Tekstieditori hyvin samanlainen kuin Microsoft Visual Studio; Voit jopa koodata C#-kielellä ASP.NETille. Heidän kirjastoissaan on kolmansien osapuolien resursseja, kuten Facebook Connect ja Silverlight.
Microsoft-pohjaisten verkkosovellusten lisäksi voit koodata suoraan javascriptillä tai PHP:llä. CodeRunin toimintatapa ei juurikaan eroa Visual Studiosta: luo uusi verkkosivustoprojekti ja käsittele yksittäisiä tiedostoja. Näytön alareunassa ovat virheenkorjaustyökalut ja konsoli-ikkunan tulokset.
Välttämätön, jos sinulla on kokemusta Visual Studiosta. Käyttöliittymä on lähes sama, ja voit jopa ladata/ladata projektitiedostoja tietokoneellesi. Tämä on toinen työkalu, jonka kokeneet verkkokehittäjät voivat ottaa huomioon.
15.Compilr
Malli on hyvin samanlainen kuin malli Windows-sovellukset. Voit työskennellä avaa asiakirjoja ja muokata tiedostoja liikkeellä ollessasi. Ennen kuin voit aloittaa uusien projektien luomisen, sinun on kuitenkin rekisteröidyttävä.
Koska sivun asettelu muistuttaa tavallista työpöytäsovellusta, on sen kanssa melko helppo työskennellä jopa aloittelijoille. Työkalut tukevat ohjelmointitekniikoita, kuten C++, C# ja Visual Basic. Kaiken kaikkiaan Compilrin pitäisi olla varasovellus lähdekoodin testaamiseen ja virheenkorjaukseen.
Lopulta
Toisiinsa yhdistettyjen tietokoneiden määrä kasvaa, mikä helpottaa kehittäjien työskentelyä yhdessä selaimessa. Uusia tekniikoita syntyy paikallisten sovellusten kautta, ja kuka tietää, kuinka pitkälle se vie.
Toivon, että tämän artikkelin koodin testaustyökalujen kokoelma on saanut sinut ajattelemaan nykyaikaista kehitystilaa. Nykyään ei maksa mitään yhdistää HTML/CSS-verkkoprojekti muutamassa minuutissa ja saada pieni esittelyvideo. Huomaa, että nämä työkalut on tarkoitettu vain auttamaan sinua lopullisen tuotteen luomisessa.
Tarkastukset html-koodi, joko määritettynä linkin kautta sivulle tai yksinkertaisesti ladatuksi tiedostoksi tai kopioituna tekstinä. Sisältää luettelon kommenteista ja suosituksia niiden korjaamiseksi.
http://validator.w3.org/
Tarkistaa asiakirjatyylit tai erillisessä tiedostossa olevan tyylisivun.
http://jigsaw.w3.org/css-validator/
Tarkistaa, että RSS- ja Atom-syötteet toimivat oikein.
http://validator.w3.org/feed/
Korostaa virheet annetulla URL-sivulla.
http://webmaster.yandex.ru/spellcheck.xml
Näyttää virheet vahvistusikkunaan kopioidussa tekstissä.
http://api.yandex.ru/speller/
Näyttää web-sivun rakenteen. Soveltuu HTML5-asiakirjojen tarkistamiseen. Kyrilliset aakkoset eivät näy oikein (:.
http://gsnedders.html5.org/outliner/
SISÄÄN ilmainen versio näyttää jopa 10 sivua Internetissä, ja teksti vastaa osittain sivuasi.
http://www.copyscape.com
Tarkistaa lomakkeelle syötetyn tekstin ainutlaatuisuuden. Ilmaisessa versiossa voit odottaa tuloksia.
http://www.miratools.ru/Promo.aspx
Tarkistaa sekä syötetyn tekstin että annetussa URL-osoitteessa olevan tekstin yksilöllisyyden, näyttää yksilöllisyyden tason prosentteina. Sillä on oma vahvistusalgoritmi.
http://content-watch.ru
Työpöytäohjelmat tekstinkirjoituspörssien sisällön ainutlaatuisuuden tarkistamiseen. Ne toimivat pitkään, mutta laadukkaasti. Etxtissä on versiot kolmelle käyttöjärjestelmät: Mac, Linux ja Windows.
http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/
Näyttää sivustot, joilla on samanlainen sisältö ja samanlainen sisäinen rakenne.
http://similarsites.com
Tarkistaa tunnetuimpien cms-merkkien merkit.
http://2ip.ru/cms/
Arvioi kyvyn tarkastella sivua mobiililaitteilla ja näyttää luettelon kommenteista ja virheistä.
http://validator.w3.org/mobile/
Sivuston käytettävyyden tarkistaminen Google-puhelimissa.
https://www.google.com/webmasters/tools/mobile-friendly/
Näyttää sivuston latausnopeuden mobiililaitteilla.
https://testmysite.withgoogle.com/intl/ru-ru
Poistu emulaattorisivustosta käyttämällä kännykkä. Näyttää sivuston valitun mallin silmin.
http://www.mobilephoneemulator.com/
Sivun varmistuspalvelu näkövammaisille. Saatavilla verkossa ja Firefoxin liitännäisenä.
http://wave.webaim.org/
Näyttää sivuston tekstin lähellä sitä, mitä haun indeksointiohjelma näkee.
http://www.seo-browser.com/
Lynx tekstiselainjakelu win32-järjestelmille. Ennen käyttöä sinun on muokattava lynx.bat-tiedostoa ja osoitettava siinä polku lynx-hakemistoon.
http://www.fdisk.com/doslynx/lynxport.htm
Poistaa kaikki merkinnät ja näyttää sivun tekstin, sisällönkuvauskentät ja otsikkotunnisteet, ulkoisten ja sisäisten linkkien määrän. Näyttää sivun esikatselun Googlessa.
http://www.browseo.net
Näyttää luettelon URL-osoitteen lähtevistä linkeistä ja tarkistaa niiden reagoivuuden. Se voi tarkistaa rekursiivisesti, eli siirtyä asiakirjasta toiseen itsenäisesti.
http://validator.w3.org/checklink
Ilmainen työkalu rikkinäisten linkkien tarkistamiseen. Työtä varten sinun on asennettava se tietokoneellesi. Skannaa sivuston rekursiivisesti, tekee raportteja, voi olla hyödyllinen sivustokartan luomisessa.
http://home.snafu.de/tilman/xenulink.html
Skannaa jopa 500 verkkosivuston sivua ilmaisessa versiossa. Tarkistaa ulkoisten ja sisäisten linkkien määrän. Näyttää tietoja skannatuista sivuista: sisäkkäiset, vastauskoodit, otsikot, metatiedot ja otsikot.
http://www.screamingfrog.co.uk/seo-spider/
Ohjelma skannaa sivuston, rakentaa matriisin sisäisistä linkeistä, lisää ulkoisia (saapuvia) linkkejä annetuista URL-osoitteista ja laskee näiden tietojen perusteella sivuston sivujen sisäiset painot. Ohjelmaa voidaan käyttää ulkoisten (lähtevien) linkkien etsimiseen verkkosivujen URL-osoitteiden luetteloon.
Tarkistaa palvelimen vastauskoodit, ennustaa sivun latausnopeuden datan määrän perusteella tavuina, näyttää html head -tunnisteen sisällön, sisäiset ja Ulkoiset linkit sivulle sivun sisältö hakurobotin silmin.
http://urivalet.com/
Tarkistaa palvelimen vastauskoodit. Mahdollistaa uudelleenohjausten (vastauskoodit 301, 302), Last-Modified -otsikon jne. tarkistamisen.
http://www.rexswain.com/httpview.html
Näyttää siirrettyjen tietojen määrän ja sisällön, kun sivu ladataan.
http://www.websiteoptimization.com/services/analyze/
Tarkistaa uudelleenohjaukset, kanonisen attribuutin käytön, sisällönkuvauskentät ja jotkin sivuston suojaukseen liittyvät näkökohdat. Antaa suosituksia sivun lataamisen parantamiseksi.
http://www.seosicheckup.com
RU-keskuksen verkkotunnuksen rekisteröintikeskuksen WHOIS-palvelu. Tarjoaa tietoa IP-osoitteista ja verkkotunnuksista ympäri maailmaa. Joskus jäätyy.
https://www.nic.ru/whois/?wi=1
Whois-palvelu RosNIIROSilta (RIPN). Tarjoaa tietoja RU-vyöhykkeen verkkotunnuksista ja IP-osoitteista RIPE-tietokannasta (Eurooppa).
http://www.ripn.net:8080/nic/whois/
Määrittää, missä verkkotunnusta isännöidään, ja näyttää myös sivuston IP-osoitteen.
http://www.whoishostingthis.com
Tarkistaa, onko IP-osoite sähköpostien lähettämisen mustalla listalla.
http://whatismyipaddress.com/blacklist-check
http://ru.smart-ip.net/spam-check/
Tarkistetaan verkkotunnuksen MX-tietueita. Tarkistetaan toimialueen SMTP-palvelinta. Tarkistetaan IP-osoite postituslistoilta.
https://mxtoolbox.com/
Hae rekisteröityjen tavaramerkkien tietokannasta Yhdysvalloissa.
http://tmsearch.uspto.gov/
Tarkistaa sivuston sivujen saatavuuden Yandex-robotin indeksoimista varten.
http://webmaster.yandex.ru/robots.xml
Tarkistaa robots.txt-tiedoston oikeellisuuden.
https://www.websiteplanet.com/webtools/robots-txt
Sivuston saatavuuden seuranta. Voit yhdistää yhden sivuston ilmaiseksi minimaalisilla vahvistusvaihtoehdoilla.
http://www.siteuptime.com
Tarkistetaan sivuston latausnopeutta. Lähettää raportin sähköpostitse. Sillä on maksullisia palveluita sivuston saatavuuden seurantaan.
http://webo.in
Verkkosivujen latausnopeuden tarkistaminen.
http://www.iwebtool.com/speed_test
Palvelu näyttää avainsanoja sivustolle, jonka se on TOP 20 (kaksikymmentä parasta) Google-tuloksissa ajan mittaan. Tiedot haku- ja mainosliikenteestä.
http://www.semrush.com/
Sijoitus Yandexin ja Googlen TOP50:ssä. Sivusto Tits and PR kotisivu, läsnäolo tärkeissä hakemistoissa, näkyvyys yläosassa HF-kyselyille.
http://pr-cy.ru/
Sivuston luotettavuuden tarkistaminen. Palvelu, joka väittää mittaavansa Yandexin luottamusta (kukaan ei voi tarkistaa sitä joka tapauksessa :).
http://xtool.ru/
Tarkistetaan Googlen Panda- ja Penguin-suodattimien peittokuvaa. Palvelun avulla voit määrittää visuaalisesti, kaatuiko sivusto Pandan ja Penguinin päivityspäivinä.
http://feinternational.com/website-penalty-indicator/
Sivuston sivujen Page Rank -arvon tarkistaminen (kun kopioit URL-osoitteen työkaluun, sinun on poistettava viimeinen kirjain ja kirjoitettava se uudelleen).
http://www.prchecker.net/
Näyttää sivuston kehityshistorian ja mahdollistaa vanhojen sivujen kuvakaappausten katselun.
http://www.archive.org/web/web.php
Sivuston sijaintihistoria TOP Googlessa (avainlauseet, sivut, otsikot), PR-indikaattorit, TIC, Alexa Rank, käänteisten linkkien määrä suosituille sivustoille.
http://SavedHistory.com
SEO Doctor on Firefoxin lisäosa. Näyttää linkit sivulla ja tarjoaa kätevän käyttöliittymän erilaisiin SEO-palveluihin.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/
SeoQuake on Firefoxin lisäosa. Näyttää sivuston tärkeimmät ominaisuudet: TIC, PR, käänteiset linkit, Alexa Rank. Toimii sekä Googlen että Yandexin tulosten kanssa. Tarjoaa mahdollisuuden analysoida kilpailijoita nopeasti.
http://www.seoquake.com/
IEContextHTML - lisäys Internet Explorer. Tarkistaa linkkien indeksoinnin Yandexissa ja Googlessa, näyttää luettelon ulkoisista ja sisäisistä linkeistä ja antaa sinun tuoda tietoja verkkosivuilta.
Päivitetty luettelo ilmaisista välityspalvelimista, mukaan lukien venäläiset.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php
http://spys.ru/proxys/ru/
Anonyymi ilmainen välityspalvelin, jolla on mahdollisuus esitellä itsesi kolmesta maasta. Toimii Google-haun kanssa.
https://hide.me/en/proxy
Emulaattorit Google haku eri maissa hakuparametreilla.
http://searchlatte.com/
http://isearchfrom.com/
Palvelu mahdollistaa sivuston sijainnin perusteellisen tarkistuksen (jopa 500) alueittain Yandexissa.
Suorittaa analyysin vertailumassa sivusto, muodostaa viipaleita eri kriteerien mukaan: linkin tyyppi, ankkurit, sivut. Näyttää käänteisten linkkien painon. Palvelu on vain rekisteröityneiden käyttäjien käytettävissä.
http://ahrefs.com
Tarkistaa sivustolle johtavien käänteisten linkkien esiintymisen ehdotetussa URL-osoiteluettelossa (enintään 100 sivua).
http://webmasters.ru/tools/tracker
Näyttää tykkäysten määrän (plusone) Google+ -palvelussa. Voit syöttää heti luettelon tarkistettavista URL-osoitteista.
http://www.plusonechecker.net/
Näyttää suosion Twitterissä, Google+:ssa, Facebookissa, LinkedInissä, Pinterestissä, Deliciousissa, StumbleUponissa ja Diggsissä.
http://sharedcount.com
Näyttää sivuston ensimmäisen sivun suosion Twitterissä, Google+:ssa, Facebookissa, Deliciousissa, StumbleUponissa. Venäläisten sivustojen tiedot ovat joskus virheellisiä.
http://www.coolsocial.net
Skannaa sivuston ja luo raportteja "Osuudet" tärkeimmistä ulkomaisista sosiaaliset verkostot näille sivuille. Rekisteröi käyttäjiä Twitter-tilin kautta. Näet raportit heti seuraavana päivänä.
https://socialcrawlytics.com
Tarkistaa annetusta URL-osoitteesta epäilyttävän koodin varalta, näyttää ladatut skriptit ja niiden tarkistuksen tulokset.
http://vms.drweb.com/online/
Tarkistaa URL-osoitteet virusten varalta 30 skannerilla.
https://www.virustotal.com/#url
Sivuston suojausjärjestelmä viruksia vastaan. Tarkistaa sivuston tiedostot päivittäin ja lähettää raportin niiden muutoksista sähköpostitse.
Huolimatta siitä, kuinka oudolta se saattaa tuntua, silti on käyttäjiä, jotka poistavat JavaScriptin käytöstä. Ja useimmat verkkovastaavat jättävät ne huomiotta, mutta joskus haluat antaa neuvoja, jotta käyttäjä voi ottaa JavaScriptin käyttöön. Ja näin voit tarkistaa: "Onko JavaScript käytössä?", Ja jos ei, näytä rivi, jossa pyydetään ottamaan se käyttöön, kerron sinulle tässä artikkelissa.
Alla oleva koodi tulee sijoittaa body-tagin sisään:
document.write("Sinulla on JavaScript käytössä!");
JavaScript on poistettu käytöstä...
Selitän hieman tätä koodia. Jos käyttäjällä on JavaScript käytössä, write()-menetelmä toimii ja tulostaa merkkijonon. Jos JavaScript on poistettu käytöstä, koko komentosarjatunniste ohitetaan. Seuraavaksi tulee kuitenkin noscript-tunniste. Tämä tunniste sisältää elementtejä, jotka selain näyttää, jos JavaScript on poistettu käytöstä. Eli noscript-tunnisteen sisältö näytetään, kun JavaScript on poistettu käytöstä, mutta kun se on käytössä, käyttäjä ei näe noscriptiä.
Webmasterit kirjoittavat usein tällä yksinkertaisella tavalla: " Ota JavaScript käyttöön" tai näytä joitain kauniita kuvia samankaltaisella pyynnöstä tai jollain muulla, koska noscript-tunnisteen sisään voit sijoittaa mitä tahansa HTML-tageja. Ja nyt voit soveltaa hankkimaasi tietoa verkkosivustollasi, sillä ei ole mikään salaisuus, että nyt ei ole niin helppoa löytää verkkosivustoa, joka ei käytä JavaScriptiä ollenkaan.