Am folosit Firefox tot timpul. A fost bine cu mine, mai ales în timpul dezvoltării și testării site-ului. Am incercat imediat dupa ce a iesit. Mi-a plăcut viteza de redare a paginii.

Dar după o scurtă perioadă de timp a revenit la Firefox, din cauza lipsei de extensii și suplimente precum pagina Google Clasament și panoul pentru dezvoltatori web Webdev. Acum nu sunt probleme, sunt deja multe.

Plugin FireBug pentru Firefox

Acesta este principalul plugin pentru dezvoltatori web. Puteți edita, depana, vizualiza CSS, HTML și JavaScript. Rezultatul modificărilor dvs. este afișat instantaneu. Pluginul FireBug este foarte convenabil pentru a găsi o bucată de cod care este responsabilă pentru afișarea unui anumit bloc pe pagină și stilul CSS corespunzător.

Pluginul are o minunată funcție Inspect, cu care puteți vedea ce etichete și proprietăți determină poziția element individual Pe pagina. În plus, în fila Aspect, puteți vedea ce margini și indentări sunt setate pentru acest element.

Acest plugin este un add-on pentru FireBug. Cu acesta, puteți plasa cu ușurință imagini în aspectul dvs. și puteți privi schița ca și cum ar fi deja formă terminată... Pentru a face acest lucru, trebuie să selectați imaginile și să le plasați direct pe pagină. Imaginile sunt translucide, pot fi trase cu ușurință cu mouse-ul.

Descărcați pluginul Pixel Perfect pentru Firefox.

HTML Validator va simplifica procesul de creare a unui valid Marcaj HTMLîn conformitate cu standardele web. Acum nu mai este nevoie să mergi la Pagina Oficială validator.

Plugin-ul arată erori în detaliu și locatie exactași explică, de asemenea, cum să remediați această eroare. Lucrează în fundalși este încorporat în pagina de vizualizare sursă. Se economisește mult timp.

Dezvoltatorul web Mozilla este incredibil extensie utilă... Este instalat în browsere și oferă bloggerului informații complete despre starea site-urilor. La început, acest plugin putea fi instalat doar în Firefox, dar mai târziu, același autor - Chris Pederick, l-a dezvoltat și pentru Chrome. Îl poți descărca și instala, în cea mai recentă versiune, în limba engleză.

Dezvoltator web mozilla versiune rusă

Pentru blogger rus este posibil să instalați această extensie în limba rusă, dar în acest caz nu este instalată ultima versiune iar cel precedent a fost Web Developer 1.19.

În primul rând, în setările browserului Firefox, extensia este instalată în engleză. Să mergem la fila „suplimente”. În noua fereastră din dreapta, vom vedea butoane pentru mai multe programe, inclusiv pentru „Web Developer”. Activați butonul „Setări”, după care va apărea o fereastră pentru setările acestui instrument.

Pentru a activa limba rusă, trebuie să urmați linkul către versiuni. În fereastra nouă, selectați numărul 1.19, faceți clic pe butonul „adăugați la Firefox”. După repornirea browserului, panoul de sus prelungirea va fi în limba rusă. Atunci totul devine clar. Mai întâi, să ne încărcăm site-ul și să începem să-l analizăm, folosind numeroase opțiuni, panoul de sus.

Când deschideți din nou browserul, panoul este din nou în engleză, așa că trebuie să reinstalați din nou limba rusă.

Dezvoltatorul web mozilla dezactivează unele funcții

În meniul derulant, vom vedea că puteți dezactiva o serie de funcții, astfel încât să puteți vedea alte proprietăți.

• • Dezactivați „cache” și „ font mic", Dar puteți dezactiva script javași alte funcții.

• • „Clic pe cookie-uri” deschide o pagină mare cu o listă. Aici, cookie-urile individuale pot fi modificate sau șterse, dar deocamdată m-am uitat fără să ating nimic. După ce am revizuit fila, o închid și trec la punctele următoare.

• • „Erori CSS” - deschide, de asemenea, linii de meniu drop-down. Stilurile pot fi dezactivate. Dar vreau să le văd, așa că dau clic pe linia: CSS info. Ca rezultat, a fost deschisă o foaie cu toate stilurile încorporate în temă, pluginuri și widget-uri, rezultând o pagină web lungă.

« Forme „- n Când navigați pe site, sunt evidențiate barele de site, formularele de abonare și căutarea. Webmasterii au nevoie de această filă atunci când creează șabloane, deoarece există multe linii cu parametri.

Web Developer mozilla - alte tablouri de bord pentru evaluarea site-ului

• • Grafică - arată atributele alt - descrierile de mai sus imaginile sunt evidențiate. Puteți vizualiza toate paginile site-ului și puteți identifica unde nu există descrieri pentru a o remedia. Cunoaștem dimensiunea imaginilor, dar aici indicăm greutatea și numărul de imagini. Sunt bine - greutatea este mică, fiecare imagine are 3 kb. Găsi imagini deteriorate- pe pagina principală - nu a fost găsit. Se deschide foaie separată, unde există descrieri ale tuturor imaginilor, inclusiv contoare și favicon. Când am văzut totul, eliminați bifa.

• • Există multe rânduri pe panoul de informații. Dau clic pe „show id and class”, în timp ce linkurile sunt evidențiate la locația lor, adică pe site. Acest lucru este foarte impresionant deoarece atributele Titlu și imbricarea documentelor sunt afișate color.

• • Greutatea documentului - pagina s-a deschis, dar a fost inițial goală. Descărcarea trebuie să aștepte puțin. Cu toate acestea, apare curând informatie pretioasa despre greutatea secțiunilor individuale. uimește un numar mare de scripturile și dimensiunea lor. Merită să luați în considerare modul în care acestea pot fi reduse și reduse.

• • Link-uri de la pagina principala... Se ține cont de totul: titlul site-ului, categorii, tag-uri de tag cloud, poze, contor, widget-uri jvascript, comentarii. Am incercat sa urmaresc cateva link-uri catre paginile site-ului. Adresele din comentarii sunt închise, mulțumesc, Cu toate acestea, numărul de link-uri nu scade din cauza particularităților codului Word Press, care este greu de remediat. În total, obținem 74 - 86 de link-uri interne, dar Reguli SEO, nu este permis ca numărul lor să depășească 100.
  • Există informații despre metaetichetele paginii principale.

Informații diverse

• • Diverse - conțin: riglă, lupă, editor html, articole ascunse.

• • Contururi - afișează chenarele titlurilor, legăturilor, contururile blocurilor. Puteți vedea simultan contururile a două sau trei elemente ale site-ului.

• • Dimensiuni - arată dimensiunile ferestrei, zona de vizualizare. Este posibil să ajustați dimensiunea ferestrei și a fontului apăsând butonul de mărire și micșorare.

• • Instrumente - se realizează trecerea la serviciile validatorilor. Am primit o mulțime de erori CSS și HTMI la verificare. De exemplu, CSS-ul este verificat mai întâi și apoi este sugerat fișierul de stil corect generat.

• • De acest sfat a făcut următoarele: a activat altul, subiect simplu/ pe scurt /. Mi-am copiat fișierul de stil, l-am mutat în notepad, l-am salvat și l-am șters din editorul site-ului. Am descărcat fișierul corect din validator și l-am inserat în loc de al meu.

• • Am fost pe site. Și ce văd cu stilurile noi, corecte? Site-ul este pe loc, dar care? Priveliștea este dezgustătoare. Șablonul a devenit o singură coloană. Textele sunt întinse de la margine la margine, nu există culori.
  • Prin urmare, mi-am returnat mai degrabă fișierul cu erori CSS și totul a fost reparat. Pe de altă parte, erorile de validare trebuie remediate, dar acest lucru nu este încă disponibil pentru mine.

Pentru browserul Chrome

Versiune web. dezvoltator pentru browserul Chrom, de același autor, îmbunătățit și completat. Comparativ cu extensia pentru Browser Mozilla, opțiuni ușor diferite. Textul este în limba engleză, dar unele dintre paginile de început sunt traduse.

Este mai bine atunci când o persoană este cel puțin familiarizată limba engleză pentru că internetul are nevoie de el. După navigarea pe web. dezvoltator, înțelegerea structurii blogului se îmbunătățește.

Analiza în această extensie trebuie să fie constantă, de aceea este indicat să o instalați în browser pentru fiecare blogger. Cel puțin pentru a controla numărul de link-uri de pe fiecare pagină.

Vlad Merjevici

Deși există o prelungire pentru doi browsere diferite, versiunea pentru Firefox este actualizată și este actualizată în mod regulat, ceea ce nu se poate spune despre versiunea pentru Chrome. În plus, acceptă limba rusă. Prin urmare, în cele ce urmează, descrierea va merge doar pentru Firefox.

Instalarea este destul de simplă, trebuie doar să accesați site-ul web al autorului cu browserul Firefox și să faceți clic pe „Download”, după care veți fi dus la site, unde trebuie să faceți clic pe „Add to Firefox” (Fig. 7.1).

Orez. 7.1. Adăugați la Firefox

De asemenea, puteți merge direct la pagina cu extensia.

După adăugare, va apărea o fereastră de avertizare (Fig. 7.2), faceți clic pe butonul „Instalare acum” și procedura de instalare s-a încheiat.

Orez. 7.2. Instalarea Web-ului Dezvoltator

O altă modalitate de a instala diferite extensii este utilizarea meniului Instrumente> Suplimente... În fereastra de căutare, tastați „web developer”, apăsați Enter, add-on-ul de care avem nevoie va apărea în lista de mai jos (Fig. 7.3).

Orez. 7.3. Fereastra de suplimente pentru Firefox

Extensia în sine arată ca o bară de meniu deasupra filelor (Fig. 7.4), este disponibilă și prin meniu Instrumente> Dezvoltator web... Puteți porni / opri panoul prin meniu Vizualizare> Bare de instrumente sau făcând clic butonul corect mouse-ul pe bara de extensie.

Orez. 7.4. Dezvoltator web în browser

Să trecem prin elementele de meniu Web Developer.

Dezactivează memoria cache

Dezactivează memoria cache a browserului încorporată. De obicei, imaginile și copiile paginilor vizualizate sunt salvate de browser în disc local pentru a economisi timpul de încărcare. Când pagina este redeschisă, browserul compară copia locală cu originalul, iar dacă se potrivesc, copia locală este încărcată. În unele cazuri, are loc încărcarea versiune locală pagina, chiar dacă originalul este modificat. De exemplu, în setările browserului, se poate seta o verificare la fiecare două ore dacă pagina salvată în cache a fost actualizată pe server. Cu toate acestea, Firefox nu permite reglaj fin cache ca Opera.

De asemenea, puteți reîmprospăta pagina ocolind memoria cache apăsând Ctrl + F5, aceasta este acceptată de toate browserele.

Java este un limbaj de programare dezvoltat de Sun Microsystems. Programe miciîn acest limbaj (așa-numitele applet-uri) sunt folosite pentru a extinde funcționalitatea paginilor web. Firefox are suport încorporat pentru această limbă, care poate fi dezactivată prin acest element de meniu. Nu funcționează în Firefox 3.6.

Dezactivați JavaScript

Un limbaj de programare conceput pentru scripturi - programe integrate cu o pagină web. JavaScript este utilizat pe scară largă atunci când se creează pagini web pentru a le extinde funcționalitatea, de exemplu, pentru a crea diverse meniuri, forme, efecte etc. Dacă selectați elementul Dezactivați JavaScript> Complet, atunci toate funcționalitățile de pe site nu vor mai funcționa. Acest element de meniu poate fi folosit pentru a testa un site care funcționează fără scripturi, precum și pentru a ocoli diversele restricții stabilite de autorii site-ului, cum ar fi dezactivarea butonului drept al mouse-ului. Web Developer spune că nu există restricții care să nu poată fi ocolite.

Dezactivați redirecționarea META

Folosind eticheta puteți redirecționa automat către document specificat după o anumită perioadă de timp. Pentru a face acest lucru, utilizați eticheta și valoarea de reîmprospătare a atributului http-equiv (exemplul 7.1).

Exemplul 7.1. Redirecționare automată

Redirecționarea poate fi aplicată în chat-uri pentru a actualiza document curent sau redirecționează către adresa noua... Dar este folosit și cu intenții rău intenționate, de exemplu, în scopul afișării frecvente publicitate contextuală sau bannere. Acest obiect meniul vă permite să blocați o etichetă similară .

Dezactivați dimensiunea minimă a fontului

V setări Firefox puteți seta dimensiunea minimă a fontului, acesta va fi folosit pentru textul care este mai mic decât dimensiunea specificată. Acest lucru face navigarea mai lizibilă, în special pe site-urile care afișează text într-un font care este prea mic pentru a fi confortabil.

Pentru a seta dimensiunea minimă a fontului, alegeți din meniu Instrumente> Opțiuni..., deschideți panoul Conținut și faceți clic pe butonul Mai multe din grupul Fonturi și culori. Puteți alege dimensiunea minimă a fontului din meniul drop-down Cea mai mică dimensiune a fontului.

Web Developer vă permite să activați sau să dezactivați rapid această funcție. Cu toate acestea, dacă dimensiunea minimă a fontului nu este specificată în setări, acest element nu afectează în niciun fel rezultatul.

Dezactivați culorile paginii

Dezactivează orice culoare specificată cu proprietatea de fundal sau culoare de fundal. De asemenea, afectat imagini de fundal care sunt setate cu fundal.

Dezactivați opțiunea de blocare a ferestrelor pop-up

Ferestrele pop-up sunt de obicei folosite pentru publicitate, așa că de obicei sunt blocate și nu sunt permise în browsere. Acest element vă permite să activați și să dezactivați rapid această opțiune.

Dezactivați proxy

Un proxy este de obicei înțeles ca un server sau program care vă permite să vă conectați la Internet, precum și în scopul de a face cereri în numele altor clienți. Dacă în setările Firefox ( Instrumente> Opțiuni .., panoul suplimentar, fila Rețea, butonul Configurare) este „Utilizați setarile sistemului proxy ”, acest articol este inactiv.

Dezactivați referințele

Referent este unul dintre anteturi Protocolul HTTPși vă permite să obțineți adresa paginii de pe care utilizatorul a venit pe site. Dacă vă pasă de securitatea datelor dvs., activați acest articol.

Fursecurile sau fursecurile, așa cum sunt numite în jargon, sunt mici fișiere text pe calculator local care stochează informații utile pentru site. Cu ajutorul cookie-urilor, vă puteți aminti numele de utilizator, starea acestuia și alte informații care sunt folosite pe site. Firefox configurează setările cookie-urilor prin meniu Instrumente> Opțiuni..., panoul de confidențialitate. Din motive de securitate, puteți dezactiva în general acceptarea cookie-urilor de pe site-uri.

Cookie-urile în sine sunt un set de câțiva parametri:

• nume unic;
• sens;
• cale - trimite cookie-uri numai dacă calea și adresa paginii se potrivesc, calea „/” înseamnă orice pagină;
• domeniu - pentru care adresa de site este relevantă înregistrarea;
• Data expirării - Spune browserului când cookie-ul poate fi șters.

Dezactivați cookie-urile

Dezactivează acceptarea cookie-urilor de pe site-uri.

Șterge cookie-urile de sesiune

Cookie-urile sunt adesea folosite pentru a verifica autentificarea utilizatorului. După introducerea numelui de utilizator și a parolei, un cod unic este generat și stocat în cookie. Când vizitați din nou site-ul, acest cod este verificat, iar dacă se potrivește cu codul serverului, site-ul „recunoaște” utilizatorul. Selectarea acestui element șterge toate sesiunile salvate.

Șterge cookie-urile pentru domeniu

Elimină toate modulele cookie pentru site-ul care se află acest moment deschis într-un browser.

Ștergeți cookie-urile pentru cale

Elimină toate cookie-urile pentru site, a căror cale se potrivește cu calea site-ului deschis în browser.

Informații despre cookie-uri

Se deschide pagină suplimentară, unde în formă tabelară sunt prezentate toate cookie-urile de pe acest site. Puteți edita parametrii acestora sau puteți șterge cookie-urile cu totul (Fig. 7.5).

Orez. 7.5. Informații despre cookie-uri de pe youtube.com

Adăugați cookie-uri

Vă permite să setați în mod artificial cookie-uri pentru site-ul curent sau orice altul, precum și să setați parametrii necesari(fig. 7.6).

Orez. 7.6. Fereastra pentru adaugare

Adăugarea este de obicei necesară pentru a depana modul în care funcționează cookie-urile și cum se comportă site-ul, dacă există.

CSS

Acest meniu este responsabil pentru stilurile paginii curente.

Dezactivați stiluri

Conceput pentru a dezactiva stilurile din orice motiv.

Toate stilurile

Dezactivează toate stilurile utilizate pe pagină.

Stilul implicit de browser

Dezactivează stilul pentru toate elementele la care este adăugat implicit de browser. De exemplu, textul din interior

și

Are o dimensiune diferită.

Titlu

După dezactivarea stilului, dimensiunea textului acestor elemente va fi aceeași.

Stiluri inline

Dezactivează stilul într-o etichetă