| 10.07.2015

Quando si lavora sul codice, è molto facile trascurare e perdere una virgola o una parentesi. E rileggere un lungo codice non funzionante alla ricerca di un simile errore è generalmente un compito ingrato. In questo caso può essere utile controllare il codice con strumenti software speciali. La nostra selezione è dedicata ad alcuni validatori particolarmente apprezzati per il linguaggio JavaScript.

« JSLint ferirà i tuoi sentimenti" - questo avviso può essere visto sul sito web del validatore JSLint, creato nel 2002 da Douglas Crockford. E questo è vero, perché molto spesso JSLint trova molti errori nel codice perfettamente funzionante. Se ti sforzi di migliorare il tuo codice e portarlo a uno stato ideale, utilizza questo servizio.

JSHint è una versione più comoda, personalizzabile e anche più popolare del validatore JSLint. JSHint è preferito dai programmatori per la sua capacità di scegliere impostazioni e regole per la revisione del codice e viene fornito con una buona documentazione. Facilmente integrabile negli editor.

Questo strumento dispone anche di un numero sufficiente di regole personalizzate, che possono anche avere parametri personalizzabili aggiuntivi. Sono disponibili vari plugin. ESLint è facile da capire e ha molte funzionalità che non si trovano in altri servizi.

JSCS

Lo strumento Stile codice JavaScript differisce dai precedenti in quanto non controlla il codice per potenziali bug ed errori. Lo scopo di JSCS è controllare e rilevare violazioni dello stile del codice. Ci sono molte preimpostazioni e configurazioni già pronte a disposizione degli utenti, che puoi iniziare a utilizzare immediatamente se aderisci allo stesso stile di codice.

3,6 su 5

Ciao a tutti!

Oggi vedremo come testare le prestazioni del tuo codice JS e, di conseguenza, ottimizzarlo.

Un paio di mesi fa ho scritto un articolo in cui abbiamo esaminato come utilizzare questa stessa console. Oggi utilizzeremo il metodo console.profile() e vedremo come può essere utilizzato per testare e quindi migliorare gli script.

Sabbiera

Per prima cosa creiamo un piccolo documento HTML che conterrà diversi elementi e il codice che testeremo.

Testare le prestazioni degli script JS

Un po' di testo

• Alcuni elementi con testo

console.profilo() ;
// Inseriremo qui il nostro codice
console.profileEnd();

Il codice stesso verrà inserito tra console.profile() e console.profileEnd() .

Verifica dell'esistenza dell'elemento

Capita spesso che vengano caricati gli stessi script per tutte le pagine di un sito, quindi a volte potrebbero non esserci gli elementi necessari. Anche se jQuery non eseguirà codice per elementi inesistenti, è comunque meglio verificare l'esistenza degli elementi. Diamo un'occhiata a due opzioni di codice e prestiamo attenzione al loro tempo di esecuzione. Il primo codice non esegue il controllo:

Console.profilo();


$("#elementoprincipale");
console.profileEnd();

Come risultato dell'esecuzione di questo codice, otteniamo questa immagine nella console Firebug:

Il secondo codice verifica se esistono gli elementi su cui deve essere eseguita l'azione:

Console.profilo() ;
var ele = $("#qualcosachenonèqui");
se (ele) (
ele.text("Un po' di testo").slideUp(300).addClass("modifica");
}
$("#elementoprincipale");
console.profileEnd();

E restituisce questo alla console:

Di conseguenza, concludiamo che è meglio verificare l'esistenza dell'elemento: la velocità di esecuzione sarà maggiore. Ma questo non significa che bisogna controllare tutto: solitamente c'è un elemento principale del gruppo, senza il quale comunque tutti gli altri non possono esistere. Questo è ciò che occorre verificare.

Utilizzo efficace dei selettori

Molto probabilmente hai letto il mio. In caso contrario, leggilo. Lì ho parlato di come i browser analizzano i selettori e quali selettori funzionano e a quale velocità. In breve, il selettore ID funziona più velocemente e quelli universali funzionano più lentamente.

Quindi facciamo un esperimento. Tieni presente che le velocità di esecuzione degli script possono variare a seconda dei computer e dei browser.

Innanzitutto, proviamo a selezionare gli elementi per classe:

Console.profilo() ;
$(".selezionato");
console.profileEnd();

Console.profilo() ;
$("li.selezionato");
console.profileEnd();

Risultato 0,291 ms - diminuito di 0,027 ms. Ora chiariamo un po' di più il selettore: gli elementi di cui abbiamo bisogno devono essere all'interno del contenitore con id="someList" :

Console.profilo() ;
$("#qualcheLista.selezionata");
console.profileEnd();

0,283 ms è un leggero miglioramento. Chiariamo il selettore con il nome del tag:

Console.profilo() ;
$("#qualcheLista li.selected");
console.profileEnd();

Abbiamo ottenuto 0,275 ms. Ora selezioniamo l'elemento direttamente tramite id solo per divertimento:

Console.profilo() ;
$("#elementoprincipale");
console.profileEnd();

0,165 ms è il nostro nuovo record. Ora penso che sia chiaro il modo migliore per scrivere i selettori.

Evitare operazioni inutili

A volte il codice può contenere costruzioni come:

// Un po' di codice
$(elemento).faiQualcosa();

// Quindi altro codice
$(elemento).faQualcos'altro();

// E altro codice
$(elemento).doMoreofSomethingElse();

Non farlo mai. Un articolo viene richiesto più e più volte. Questo è troppo costoso in termini di prestazioni.

Prendiamo la nostra sandbox ed eseguiamo un processo simile al suo interno:

Console.profilo() ;
$("#mainItem").hide();
$("#mainItem").val("Ciao");
$("#mainItem").html("Ciao!");
$("#mainItem").mostra();
console.profileEnd();

Il codice sopra può anche essere eseguito come una catena:

Console.profilo();
$("#mainItem").hide().val("Ciao").html("Ciao!").show();
console.profileEnd();

Quando si utilizza una catena, l'elemento viene richiesto una volta e quindi un riferimento ad esso viene passato ai metodi. Ciò riduce il tempo di esecuzione.

Puoi anche memorizzare nella cache un elemento ed eseguire azioni su quello già memorizzato nella cache:

Console.profilo() ;
var elem = $("#elementoprincipale");
elem.hide();
elem.val("Ciao");
elem.html("Oh, ciao!");
elem.mostra();
console.profileEnd();

Come puoi vedere dagli esempi, la memorizzazione nella cache e l'uso di catene di azioni riducono il tempo di esecuzione dello script.

Manipolazione intelligente del DOM

È noto che le operazioni DOM (Document Object Model), come il recupero o l'inserimento di elementi, richiedono molte risorse. Vediamo come velocizzare queste operazioni.

Le tendenze moderne e le applicazioni web hanno cambiato radicalmente le capacità degli sviluppatori. Non c'è dubbio che abbiano bisogno di una sorta di IDE per codificare nuovi file e salvarli per un successivo posizionamento. E se testassi solo gli snippet di codice? Fortunatamente oggigiorno esiste una grande varietà di strumenti diversi per questo!

In questo articolo parleremo di 15 applicazioni web per il test del codice online. Funzionano tutti finché sei connesso a Internet; Alcuni di loro offrono piani professionali per un pacchetto aggiuntivo di proprietà. La maggior parte di essi sarà utile quando si tenta di trovare ed eseguire il debug di parti di Javascript o PHP.

1.Tastiera codici

Creata da Steven Hazel, è un'applicazione web unica che ti consente di codificare la sintassi sul web. Oltre al debug, Codepad consente agli utenti di copiare/incollare parti importanti di codici e condividerli online.

La schermata di output visualizza messaggi su eventuali errori associati al codice. Usando i pulsanti nel menu a sinistra, puoi cambiare la lingua (C/C++, Perl, PHP, Python, Ruby, ecc.). Codepad si rivolge maggiormente agli sviluppatori di software che hanno bisogno di collaborare ed eseguire il debug dei loro programmi più problematici.

2.Scrivi il codice online

Il sito Web principale ti reindirizzerà al suo editor Java Script. Puoi scegliere tra JS, PHP e la codifica URL di base. L'applicazione non è solo sicura e affidabile, ma anche abbastanza facile da usare.

È interessante notare che vedrai i risultati del tuo lavoro proprio sotto il campo di testo. Quindi se fai clic su "Esegui codice", il risultato verrà visualizzato sullo schermo. Il debug di script PHP di grandi dimensioni può essere più difficile perché richiede l'inclusione di altri file.

Tuttavia, l'applicazione ti fornirà l'assistenza indispensabile per testare la forza di una nuova idea.

3.Tinkerbin

Posso facilmente definirla la mia risorsa online preferita per la modifica dei codici. Supporta HTML5/CSS3/JS e visualizza il risultato direttamente sullo schermo. L'applicazione è ancora in fase di sviluppo alfa, ma la maggior parte degli strumenti funziona perfettamente e trova rapidamente errori nei programmi.

Il motore di rendering supporta linguaggi come Coffeescript e Sass all'interno dei CSS. Vantano un sistema di gestione avanzato e supporto per molti dei marchi di web design che preferiresti utilizzare per ulteriori lavori.

Non si può ignorare il fatto che esistono tasti di scelta rapida per le opzioni più popolari. Ma tale funzionalità non si trova in tutte le applicazioni web, per non parlare degli editor di codice integrati nel browser. Quando inserisci nuovi tag, l'IDE compila automaticamente le nuove righe. Tinkerbin è uno strumento front-end che dovrebbe sicuramente essere presente nei tuoi strumenti di sviluppo web.

Cestino 4.JS

Per i principianti, lavorare con l'interfaccia può causare alcune difficoltà. Per evitare ciò, possono usare . JS Bin offre un gran numero di librerie tra cui scegliere: jQuery, JQuery UI, jQM Prototype, MooTools, ecc.

Se codifichi vari elementi, i progetti verranno salvati automaticamente. Inoltre, hai la possibilità di scaricare il risultato finale del tuo lavoro o salvare la fonte online. Questo sistema è più adatto per esportare e salvare il codice rispetto a un modello normale.

5.JsFiddle

Chiunque abbia visitato Stack Overflow dovrebbe conoscere . La loro interfaccia differisce da JSBin perché offre più opzioni.

Supporta anche librerie come Prototype e jQuery. Inoltre, puoi includere ulteriori fonti esterne ai file JS/CSS in qualsiasi documento che stai testando. Incredibilmente, l'app supporta anche XHP Ajax, dove puoi passare informazioni dal server alla finestra del browser del client e viceversa.

6.CSSDesk

Stiamo passando dagli script al linguaggio di stile e ai file . Tutto sembra più o meno lo stesso degli strumenti precedenti: il testo di partenza è a sinistra, la pagina web finale è a destra. Questa applicazione Web è ottima per creare modelli di pagine Web e testare le proprietà CSS3.

7.Jsdo.It

Alcune app sono in giapponese, il che mi fa pensare che siano state create da qualche parte in Asia. Quello che mi piace di più della loro interfaccia è la possibilità di caricare file appena creati e memorizzarli in un progetto. Puoi archiviare facilmente interi layout di pagine Web online e accedervi e modificarli da qualsiasi computer.

8. Parco giochi del codice Google

Sono rimasto sorpreso dal numero di sviluppatori che non conoscono l'esistenza di . Ottieni pieno accesso alla loro API e puoi eseguire il debug di tutto il tuo codice nella stessa finestra.

Ciò che intendo per API è che puoi estrarre dati dai più grandi prodotti di Google: post di Blogger, punti di riferimento di Google Maps e persino video direttamente da YouTube. Quando si fa clic su varie opzioni, vengono aggiornati anche i dati nella finestra di anteprima.

Suggerirei di mantenere questo strumento solo come risorsa, poiché non sarà adatto a tutto ciò che scrivi. Tuttavia, Google è una grande azienda con molte API di dati del codice sorgente. Se mai avessi bisogno di materiale da YouTube o dalla ricerca Google, questo strumento ti tornerà sicuramente utile.

9.IDEOne

– un altro strumento per la programmazione “profonda” e lo sviluppo di software. Il loro editor online supporta l'evidenziazione di elementi sintattici per una serie di linguaggi importanti, tra cui Objective-C, Java, C#, VB.NET, SQL e molti altri. eccetera.

10.Tastiera codici Viper7

Questa applicazione web, nota anche come , si trova sul sito, dove reindirizza allo stesso editor online. I loro strumenti sono configurati per eseguire il debug della variabile di output PHP, che a seconda della scelta può variare tra PHP5 e PHP4.

Creando un account, Codepad può essere utilizzato come sistema di archiviazione personale. Qui, come in altri editor online, puoi nominare ciascun progetto PHP e archiviarlo online gratuitamente. Questo editor di codice è diverso in quanto gli utenti non devono installare alcun software sul proprio computer. Man mano che ogni script viene interpretato, l'editor offrirà meta dettagli aggiuntivi come le chiamate del browser o le intestazioni di risposta.

11.JSLint

Di per sé è un po 'strano, mentre l'editor del codice funziona secondo uno schema completamente standard.

Le opzioni offerte potrebbero lasciarti perplesso se non hai mai incontrato questi tipi di modelli prima. Se hai un certo set di competenze, puoi lavorare con l'open source. Tuttavia, molti codici sorgente non supportano nemmeno l'evidenziazione della sintassi, il che è un'omissione evidente data una gamma così ampia di opzioni. Consiglierei di provarlo se hai del tempo libero, ma non vi è alcuna garanzia che diventi il ​​tuo strumento di debug JavaScript preferito.

12.Violino SQL

Poco prima abbiamo esaminato un'applicazione web chiamata jsFiddle. Ora è il momento di parlare di , che funziona allo stesso modo, ad eccezione della sintassi del database SQL. Sono riuscito a trovare un'alternativa decente per testare il codice del database.

Tutte le informazioni di output dal tuo codice SQL appariranno in una tabella sotto gli editor. Puoi scrivere un nuovo codice per applicare i dati a destra e generare il diagramma a sinistra. Questo schema del database è un codice SQL che puoi salvare per esportare il database corrente e reinstallare tutto sul nuovo server.

Se non hai familiarità con i database o con il linguaggio SQL, è improbabile che questa applicazione ti sia utile. Ma per gli sviluppatori interessati a conoscere SQL, questo strumento è perfetto!

13.IDE Cloud9

A mio parere, è il miglior editor di sorgenti disponibile su Internet. Questo non è solo un editor, ma un intero sistema di strumenti e risorse; sui loro server puoi archiviare tutti i tuoi repository di codice sorgente.

La registrazione è gratuita per tutti i progetti comunitari. Se hai bisogno di spazio personale prima dello sviluppo, costerà $ 15 al mese o $ 180 all'anno. Puoi condividere repository di codici privati ​​con chiunque tu scelga. Questa opzione consente agli sviluppatori di collaborare su diversi progetti.

Ogni nuovo progetto viene archiviato in una sottocartella in cui è possibile creare file fisici effettivi. HTMl, CSS, JS, PHP e tutto ciò di cui hai bisogno per la codifica saranno nel tuo account. Con il passare del tempo potrai inviare questi file come un intero progetto o scaricarli sul tuo computer.

La gamma di possibilità offerte da Cloud9 è molto ampia. Ti consiglio di guardarti intorno per 10-15 minuti in un account gratuito e ti innamorerai immediatamente di come funziona l'interfaccia utente. L'azienda continua a crescere, quindi spero di aggiungere nuove opzioni utili nei prossimi anni.

14.CodiceEsegui

– editor online per qualsiasi applicazione web dinamica. L'editor di testo è molto simile a Microsoft Visual Studio; puoi persino codificare in C# per ASP.NET. Le loro librerie includono risorse di terze parti come Facebook Connect e Silverlight.

Oltre alle applicazioni web basate su Microsoft, puoi programmare direttamente in Javascript o PHP. Il modo in cui funziona CodeRun non è molto diverso da Visual Studio: crea un nuovo progetto di sito web e lavora su singoli file. Nella parte inferiore dello schermo sono presenti gli strumenti di debug e i risultati della finestra della console.

Indispensabile se hai esperienza con Visual Studio. L'interfaccia è quasi la stessa e puoi persino scaricare/caricare file di progetto sul tuo computer. Questo è un altro strumento di cui gli sviluppatori web esperti possono prendere nota.

15.Compilr

Il modello è molto simile al modello dell'applicazione Windows. Puoi lavorare con documenti aperti e modificare file mentre sei in movimento. Tuttavia, prima di poter iniziare a creare nuovi progetti, dovrai registrarti.

Poiché il layout della pagina ricorda una normale applicazione desktop, è abbastanza facile lavorarci anche per i principianti. Gli strumenti supportano tecniche di programmazione come C++, C# e Visual Basic. Nel complesso, Compilr dovrebbe essere un'applicazione di fallback per testare e eseguire il debug del codice sorgente.

Finalmente

Il numero di computer collegati tra loro è in crescita, rendendo più facile per gli sviluppatori lavorare insieme nel browser. Nuove tecnologie stanno emergendo attraverso applicazioni locali, e chissà fino a che punto si spingerà.

Spero che la raccolta di strumenti di test del codice contenuta in questo articolo ti abbia fatto riflettere sullo spazio di sviluppo moderno. Al giorno d'oggi, non costa nulla collegare un progetto web HTML/CSS in pochi minuti e ottenere un piccolo video dimostrativo. Tieni presente che questi strumenti hanno il solo scopo di assisterti nel processo di creazione del prodotto finale.

Controlla il codice html, specificato utilizzando un collegamento a una pagina o semplicemente sotto forma di file caricato o testo copiato. Fornisce un elenco di commenti con consigli per correggerli.
http://validator.w3.org/

Convalida CSS (convalidatore CSS)

Controlla gli stili del documento o un foglio di stile situato in un file separato.
http://jigsaw.w3.org/css-validator/

Controllo dei feed RSS e Atom

Verifica che i feed RSS e Atom funzionino correttamente.
http://validator.w3.org/feed/

Controllare l'ortografia su una pagina web

Evidenzia gli errori nella pagina URL specificata.
http://webmaster.yandex.ru/spellcheck.xml

Mostra gli errori nel testo copiato nella finestra di verifica.
http://api.yandex.ru/speller/

Controllo della struttura della pagina web

Mostra la struttura di una pagina web. Rilevante per il controllo dei documenti HTML5. L'alfabeto cirillico non viene visualizzato correttamente (:.
http://gsnedders.html5.org/outliner/

Controllo dell'unicità dei contenuti

La versione gratuita mostra fino a 10 pagine su Internet con corrispondenze di testo parziali con la tua pagina.
http://www.copyscape.com

Controlla l'unicità del testo inserito nel modulo. Nella versione gratuita, puoi attendere i risultati.
http://www.miratools.ru/Promo.aspx

Controlla l'unicità sia del testo inserito che del testo nell'URL specificato, mostra il livello di unicità in percentuale. Ha il proprio algoritmo di verifica.
http://content-watch.ru

Programmi desktop per verificare l'unicità dei contenuti dagli scambi di copywriting. Funzionano a lungo, ma con alta qualità. Etxt ha versioni per tre sistemi operativi: Mac, Linux e Windows.
http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/

Mostra i siti con contenuti simili e struttura interna simile.
http://similarsites.com

Controllo cms del sito

Controlla i segni dei cms più famosi.
http://2ip.ru/cms/

Verifica usabilità del sito web per diversi gruppi di utenti Verifica accessibilità da dispositivi mobili

Valuta la possibilità di visualizzare la pagina da dispositivi mobili e visualizza un elenco di commenti ed errori.
http://validator.w3.org/mobile/

Verifica dell'usabilità del sito per i telefoni Google.
https://www.google.com/webmasters/tools/mobile-friendly/

Mostra la velocità di caricamento del sito sui dispositivi mobili.
https://testmysite.withgoogle.com/intl/ru-ru

Il sito è un emulatore per disconnettersi da un telefono cellulare. Mostra il sito attraverso gli occhi del modello selezionato.
http://www.mobilephoneemulator.com/

Verifica dell'accessibilità per le persone con disabilità

Servizio di verifica delle pagine per non vedenti. Disponibile online e come plugin per Firefox.
http://wave.webaim.org/

Visualizzare il contenuto del sito attraverso gli occhi di un robot di ricerca

Mostra il testo del sito vicino a ciò che vede l'indicizzatore di ricerca.
http://www.seo-browser.com/

Distribuzione del browser testuale Lynx per sistemi win32. Prima dell'uso, è necessario modificare lynx.bat, indicando in esso il percorso della directory con lynx.
http://www.fdisk.com/doslynx/lynxport.htm

Rimuove tutto il markup e mostra il testo della pagina, i meta tag e i tag del titolo, il numero di collegamenti esterni e interni. Mostra un'anteprima della pagina in Google.
http://www.browseo.net

Controllo della struttura dei collegamenti del sito Controllo dei collegamenti interrotti

Mostra un elenco di collegamenti in uscita per un URL e ne controlla la reattività. Può effettuare controlli ricorsivi, ovvero spostarsi da un documento all'altro in modo indipendente.
http://validator.w3.org/checklink

Strumento freeware per controllare i collegamenti interrotti. Per funzionare devi installarlo sul tuo computer. Esegue la scansione ricorsiva del sito, crea report, può essere utile per creare una mappa del sito.
http://home.snafu.de/tilman/xenulink.html

Controllo dei collegamenti e dei titoli delle pagine

Esegue la scansione fino a 500 pagine di siti Web nella versione gratuita. Controlla il numero di collegamenti esterni e interni. Visualizza informazioni sulle pagine scansionate: nidificazione, codici di risposta, titoli, metainformazioni e intestazioni.
http://www.screamingfrog.co.uk/seo-spider/

Controllo della struttura dei collegamenti e del peso delle pagine interne

Il programma esegue la scansione del sito, crea una matrice di collegamenti interni, aggiunge collegamenti esterni (in entrata) da determinati URL e, sulla base di questi dati, calcola i pesi interni delle pagine del sito. Il programma può essere utilizzato per trovare collegamenti esterni (in uscita) per un elenco di URL di pagine di siti Web.

Controllo codici di risposta del server, visibilità del sito da parte dei robot di ricerca, caratteristiche tecniche del sito Controllo intestazioni HTTP e risposta del server, visibilità della pagina per i robot

Controlla i codici di risposta del server, prevede la velocità di caricamento della pagina in base al volume in byte dei suoi dati, mostra il contenuto del tag head html, i collegamenti interni ed esterni alla pagina e il contenuto della pagina attraverso gli occhi di un robot di ricerca.
http://urivalet.com/

Controlla i codici di risposta del server. Permette di controllare i reindirizzamenti (codici di risposta 301, 302), l'intestazione Last-Modified, ecc.
http://www.rexswain.com/httpview.html

Mostra il volume e il contenuto dei dati trasferiti quando la pagina viene caricata.
http://www.websiteoptimization.com/services/analyze/

Controlla i reindirizzamenti, l'uso dell'attributo canonico, i meta tag e alcuni aspetti della sicurezza del sito. Fornisce consigli per migliorare il caricamento della pagina.
http://www.seositecheckup.com

Controllo delle informazioni sul dominio e sull'indirizzo IP

Servizio WHOIS del centro di registrazione domini del centro RU. Fornisce informazioni su indirizzi IP e domini in tutto il mondo. A volte si congela.
https://www.nic.ru/whois/?wi=1

Servizio Whois di RosNIIROS (RIPN). Fornisce informazioni sui domini della zona RU e sugli indirizzi IP dal database RIPE (Europa).
http://www.ripn.net:8080/nic/whois/

Determina dove è ospitato il dominio e mostra anche l'indirizzo IP del sito.
http://www.whoishostingthis.com

Verifica se l'indirizzo IP è incluso nella lista nera per l'invio di e-mail.
http://whatismyipaddress.com/blacklist-check
http://ru.smart-ip.net/spam-check/

Controllo dei record MX per un dominio. Verifica del server SMTP per un dominio. Controllo dell'IP nelle mailing list.
https://mxtoolbox.com/

Cerca nel database dei marchi registrati negli Stati Uniti.
http://tmsearch.uspto.gov/

Controllo dei file robots.txt

Controlla la disponibilità delle pagine del sito per l'indicizzazione da parte del robot Yandex.
http://webmaster.yandex.ru/robots.xml

Verifica la correttezza del file robots.txt.
https://www.websiteplanet.com/webtools/robots-txt

Sopralluogo

Monitoraggio della disponibilità del sito. Ti consente di connettere un sito Web gratuitamente con opzioni di verifica minime.
http://www.siteuptime.com

Controllo della velocità di caricamento del sito. Invia un report via e-mail. Ha servizi a pagamento per il monitoraggio della disponibilità del sito.
http://webo.in

Controllo della velocità di caricamento delle pagine del sito web.
http://www.iwebtool.com/speed_test

Controllo dell'indicizzazione e della visualizzazione del sito da parte dei motori di ricerca Visibilità del sito nei motori di ricerca

Un servizio che mostra le parole chiave per un sito per il quale si trova nella TOP 20 (i primi venti) risultati di Google nel tempo. Dati sul traffico di ricerca e pubblicitario.
http://www.semrush.com/

Posizione nella TOP50 Yandex e Google. TIC del sito e PR della pagina principale, presenza in directory importanti, visibilità in alto per query ad alta frequenza.
http://pr-cy.ru/

Controllo dei divieti e del livello di affidabilità del sito

Verifica dell'affidabilità del sito. Un servizio che afferma di misurare la fiducia per Yandex (nessuno può comunque verificarlo :).
http://xtool.ru/

Controllo della sovrapposizione dei filtri Panda e Penguin di Google. Il servizio consente di determinare visivamente se un sito si è bloccato nelle date degli aggiornamenti di Panda e Penguin.
http://feinternational.com/website-penalty-indicator/

Controllo del Page Rank delle pagine del sito (quando si copia un URL nello strumento, è necessario cancellare l'ultima lettera e poi riscriverla).
http://www.prchecker.net/

Controllo della cronologia di sviluppo del sito

Mostra la cronologia dello sviluppo del sito e consente di visualizzare screenshot delle vecchie pagine.
http://www.archive.org/web/web.php

Cronologia delle posizioni dei siti nella TOP Google (frasi chiave, pagine, intestazioni), indicatori PR, TIC, ranking di Alexa, numero di backlink per siti popolari.
http://SavedHistory.com

Plugin SEO per controllare i siti web

SEO Doctor è un componente aggiuntivo per Firefox. Mostra i collegamenti sulla pagina e fornisce una comoda interfaccia per vari servizi SEO.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/

SeoQuake è un componente aggiuntivo per Firefox. Mostra le caratteristiche più importanti del sito: TIC, PR, backlink, Alexa Rank. Funziona sia con i risultati di Google che di Yandex. Fornisce la possibilità di analizzare rapidamente i concorrenti.
http://www.seoquake.com/

IContextHTML è un componente aggiuntivo per Internet Explorer. Controlla l'indicizzazione dei collegamenti in Yandex e Google, mostra un elenco di collegamenti esterni ed interni e consente di importare dati da pagine web.

La visibilità di un sito nei motori di ricerca dipende dalla sua posizione

Un elenco aggiornato di server proxy gratuiti, compresi quelli russi.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php
http://spys.ru/proxys/ru/

Un proxy anonimo gratuito con la possibilità di presentarti da tre paesi. Funziona con la ricerca di Google.
https://hide.me/en/proxy

Emulatori di ricerca di Google in diversi paesi impostando i parametri di ricerca.
http://searchlatte.com/
http://isearchfrom.com/

Controllo delle posizioni in Yandex e Google

Il servizio consente un controllo approfondito (fino a 500) della posizione di un sito per regione in Yandex.

Analisi della rete del sito, controllo dei backlink Analisi dei backlink

Analizza la massa di collegamenti del sito, genera sezioni in base a vari criteri: tipo di collegamento, ancore, pagine. Mostra il peso dei backlink. Il servizio è disponibile solo per gli utenti registrati.
http://ahrefs.com

Controllo dei backlink al sito

Controlla la presenza di backlink al sito nell'elenco di URL proposto (fino a 100 pagine).
http://webmasters.ru/tools/tracker

Controllo della popolarità di un sito Web nei social media PlusOneChecker

Mostra il numero di Mi piace (plusone) su Google+. Puoi inserire immediatamente un elenco di URL da controllare.
http://www.plusonechecker.net/

SharedCount Esploratore API grafico di Facebook

Mostra la popolarità su Twitter, Google+, Facebook, LinkedIn, Pinterest, Delicious, StumbleUpon, Diggs.
http://sharedcount.com

Fantastico sociale

Mostra la popolarità della prima pagina del sito su Twitter, Google+, Facebook, Delicious, StumbleUpon. Per i siti russi, i dati a volte non sono corretti.
http://www.coolsocial.net

Social Crawlytics di popolarità sociale

Scansiona il sito e genera report “Condivisioni” dei principali social network esteri per queste pagine. Registra gli utenti tramite un account Twitter. Puoi vedere i resoconti il ​​giorno successivo.
https://socialcrawlytics.com

Controllo della presenza di virus Dr.Web nel sito

Controlla l'URL fornito per verificare la presenza di codice sospetto, mostra gli script caricati e i risultati del loro controllo.
http://vms.drweb.com/online/

Totale virus

Controlla gli URL per verificare la presenza di virus con 30 scanner.
https://www.virustotal.com/#url

Allarme

Sistema di protezione del sito web contro i virus. Esegue la scansione quotidiana dei file del sito e invia un rapporto sulle modifiche apportate tramite e-mail.



Non importa quanto possa sembrare strano, ci sono ancora utenti che disabilitano JavaScript. E la maggior parte dei webmaster semplicemente li ignora, tuttavia, a volte vuoi dare consigli in modo che l'utente possa abilitare JavaScript. Ed ecco come verificare: "JavaScript è abilitato?", e in caso contrario visualizzare una riga che chiede di abilitarlo, te lo dirò in questo articolo.

Il codice seguente deve essere inserito all'interno del tag body:

document.write("Hai JavaScript abilitato!");

Hai JavaScript disabilitato...

Lasciatemi spiegare un po' questo codice. Se l'utente ha JavaScript abilitato, il metodo write() funzionerà e stamperà una stringa. Se JavaScript è disabilitato, l'intero tag script verrà ignorato. Tuttavia, dopo arriva il tag noscript. Questo tag contiene elementi che verranno mostrati dal browser se JavaScript è disabilitato. Cioè, il contenuto del tag noscript viene mostrato quando JavaScript è disabilitato, ma quando abilitato l'utente non vede noscript.

È in questo modo semplice che spesso i Webmaster scrivono: " Si prega di abilitare JavaScript", oppure mostrano delle bellissime immagini con una richiesta simile, o qualcos'altro, perché all'interno del tag noscript puoi inserire qualsiasi tag HTML. E ora puoi applicare le conoscenze acquisite sul tuo sito web, perché non è un segreto che ora le cose non vanno bene È facile trovare un sito che non utilizza affatto JavaScript.