Web Developer Mozilla je nevjerovatno korisna ekstenzija. Instalira se u pretraživače i blogeru pruža sveobuhvatne informacije o stanju web lokacija. U početku je ovaj dodatak mogao biti instaliran samo u Firefox-u, ali kasnije ga je isti autor - Chris Pederick razvio i za Chrome. Možete ga preuzeti i instalirati, u najnovijoj verziji, na engleskom.

Web Developer mozilla ruska verzija

Za ruskog blogera moguće je instalirati ovu ekstenziju na ruskom, ali u ovom slučaju nije instalirana najnovija verzija, već prethodna - Web Developer 1.19.

Prvo, u postavkama preglednika Firefox, ekstenzija je instalirana na engleskom jeziku. Idemo na karticu "dodaci". U novom prozoru sa desne strane vidjet ćemo dugmad za nekoliko programa, uključujući i za "Web Developer". Uključite dugme "Postavke", nakon čega će se pojaviti prozor za podešavanja ovog alata.

Da biste omogućili ruski jezik, morate pratiti vezu do verzija. U novom prozoru odaberite broj 1.19, kliknite na dugme "dodaj u Firefox". Nakon ponovnog pokretanja pretraživača, gornja ploča ekstenzije će se pojaviti na ruskom. Tada sve postaje jasno. Prvo, učitajmo našu stranicu, i počnimo je analizirati, koristeći brojne opcije, gornji panel.

Kada ponovo otvorite pretraživač, panel je ponovo na engleskom, tako da morate ponovo da instalirate ruski jezik.

Web Developer mozilla onemogućuje neke funkcije

U padajućem izborniku vidjet ćemo da možete onemogućiti brojne funkcije tako da možete vidjeti druga svojstva.

• • Onemogućite "cache" i "small print", ali možete onemogućiti java skriptu i druge funkcije.

• • "Klik na kolačiće" otvara veliku stranicu sa listom. Ovdje se pojedinačni kolačići mogu mijenjati ili brisati, ali za sada sam gledao ne dirajući ništa. Nakon što pregledam karticu, zatvaram je i prelazim na sljedeće tačke.

• • "CSS greške" - takođe otvara linije padajućeg menija. Stilovi se mogu isključiti. Ali želim da ih vidim, pa kliknem na liniju: CSS info. Kao rezultat, otvoren je list sa svim stilovima ugrađenim u temu, dodacima i widgetima, što je rezultiralo dugačkom web stranicom.

« Obrasci "- br Prilikom pregledavanja stranice, trake web stranice, obrasci za pretplatu i pretraga su istaknuti. Webmasterima je ova kartica potrebna kada kreiraju šablone, jer ima mnogo linija sa parametrima.

Web Developer mozilla - druge kontrolne ploče za procjenu stranice

• • Grafika - prikaži alt atribute - opisi iznad slika su istaknuti. Možete pogledati sve stranice stranice i identificirati gdje nema opisa kako biste to popravili. Znamo veličinu slika, ali ovdje označavamo težinu i broj slika. Dobro sam - težina je mala, svaka slika je 3 kb. Pronađi oštećene slike - na glavnoj stranici - nije pronađeno. Otvara se poseban list, gdje se nalaze opisi svih slika, uključujući brojače i favicon. Kada smo sve vidjeli, uklonite kvačice.

• • Na informativnoj tabli ima mnogo linija. Klikom na "prikaži id i klasu", dok su linkovi istaknuti na njihovoj lokaciji, odnosno na sajtu. Ovo je vrlo impresivno jer su atributi naslova i ugniježđenje dokumenta prikazani u boji.

• • Težina dokumenta - stranica je otvorena, ali je u početku bila prazna. Preuzimanje treba malo pričekati. Međutim, ubrzo se pojavljuju vrijedni podaci o težini pojedinih dionica. Veliki broj skripti i njihova veličina su upečatljivi. Vrijedi razmisliti kako se mogu smanjiti i smanjiti.

• • Linkovi sa početne stranice. Sve se uzima u obzir: naziv sajta, kategorije, tagovi u oblaku, slike, brojač, jvascript widgeti, komentari. Pokušao sam da pratim neke linkove ka stranicama sajta. Adrese u komentarima su zatvorene, hvala, međutim, broj linkova se ne smanjuje zbog posebnosti Word Press koda, što je teško popraviti. Ukupno ima 74 - 86 internih linkova, ali prema SEO pravilima nije dozvoljeno da njihov broj prelazi 100.
  • Postoje informacije o meta tagovima glavne stranice.

Razne informacije

• • Razno - sadrži: ravnalo, lupu, html editor, skrivene elemente.

• • Obrisi - prikazuje granice naslova, linkova, obrisa blokova. Istovremeno možete vidjeti obrise dva ili tri elementa stranice.

• • Dimenzije - prikazuje dimenzije prozora, prostor za gledanje. Moguće je podesiti veličinu prozora i font pritiskom na dugme za uvećanje i smanjenje.

• • Alati - vrši se prelazak na usluge validatora. Dobio sam puno CSS i HTMI grešaka prilikom provjere. Na primjer, prvo se provjerava CSS, a zatim se predlaže generirana ispravna datoteka stila.

• • Po ovom savjetu uradio sam sljedeće: aktivirao sam drugu, jednostavnu temu /nakratko/. Kopirao sam svoj stilski fajl, premjestio ga u notepad, sačuvao ga i izbrisao iz uređivača stranice. Skinuo sam ispravnu datoteku iz validatora i ubacio je umjesto svoje.

• • Otišao sam na stranicu. A šta ja vidim sa novim, ispravnim stilovima? Stranica je na mjestu, ali koja? Pogled je odvratan. Šablon je postao jednostupac. Tekstovi su razvučeni od ruba do ruba, nema boja.
  • Stoga sam radije vratio svoj fajl sa CSS greškama i sve je bilo popravljeno. S druge strane, potrebno je ispraviti greške u validaciji, ali to mi još nije dostupno.

Za Chrom pretraživač

Web verzija. programer za Chrom pretraživač, istog autora, poboljšan i dopunjen. U poređenju sa ekstenzijom pretraživača Mozilla, opcije su malo drugačije. Tekst je engleski, ali neke od početnih stranica su prevedene.

Bolje je kada osoba barem poznaje engleski jezik, jer vam na internetu treba. Nakon pregledavanja weba. programer, razumijevanje strukture bloga se poboljšava.

Analiza u ovoj ekstenziji mora biti konstantna, stoga je preporučljivo da je instalira u pretraživač za svakog blogera. Barem da bi se kontrolirao broj linkova na svakoj stranici.

Koristio sam Firefox cijelo vrijeme. Bio je u redu sa mnom, posebno tokom razvoja i testiranja stranice. Probao sam odmah nakon što je izašao. Svidjela mi se brzina prikazivanja stranice.

Ali nakon kratkog vremenskog perioda vratio se u Firefox, zbog nedostatka ekstenzija i dodataka kao što su Google Page Rank i web developer panel Webdev. Sada nema problema, već ih ima puno.

FireBug dodatak za Firefox

Ovo je glavni dodatak za web programere. Možete uređivati, otklanjati greške, pregledavati CSS, HTML i JavaScript. Rezultat vaših promjena se odmah prikazuje. FireBug dodatak je vrlo zgodan za pronalaženje dijela koda koji je odgovoran za prikaz određenog bloka na stranici i odgovarajućeg CSS stila.

Dodatak ima divnu funkciju Inspect, pomoću koje možete vidjeti koje oznake i svojstva određuju poziciju pojedinog elementa na stranici. Osim toga, na kartici Layout možete vidjeti koje su margine i uvlake postavljene za ovaj element.

Ovaj dodatak je dodatak za FireBug. Pomoću njega možete lako postaviti slike u svoj raspored i gledati na skicu kao u gotovom obliku. Da biste to učinili, trebate odabrati slike i postaviti ih direktno na stranicu. Slike su prozirne, lako se mogu prevući mišem.

Preuzmite dodatak Pixel Perfect za Firefox.

HTML Validator će pojednostaviti proces kreiranja važeće HTML oznake u skladu sa web standardima. Sada nema potrebe da idete na zvaničnu stranicu validatora.

Dodatak prikazuje greške u detaljima i tačnu lokaciju, a također objašnjava kako popraviti ovu grešku. Radi u pozadini i ugrađen je u stranicu sa izvornim prikazom. Štedi puno vremena.

Pozdrav dragi čitaoci blog stranice. Skrećem vam pažnju na sljedeći članak, koji će biti posvećen ispitivanju mogućnosti dodatka za Firefox () pod nazivom Web Developer.

Ovaj dodatak za Firefox pretraživač () je neka vrsta švicarskog noža za webmastere, koji u svom sastavu ima puno funkcija i alata.

Web Developer se ni na koji način ne zalaže za prednosti prethodnog razmatranog, već ga vrlo snažno dopunjuje. Ako još niste dobro upoznati sa mogućnostima Firebuga, onda o tome možete pročitati na navedenom linku.

Instalacija i mogućnosti WebDeveloper-a

Možete vidjeti kako funkcionira Html obrazac koji vas zanima, promijeniti neke njegove parametre, na primjer, omogućiti prikaz unesenih znakova u poljima lozinke ili pretvoriti GET zahtjeve u POST i obrnuto.

Ostali alati ovog sjajnog dodatka

U oblasti "Grafika" postoje stavke koje će vam omogućiti da onemogućite prikaz slika (bilo svih slika, ili samo preuzetih sa eksternih izvora, ili samo animiranih). Također možete jednostavno postaviti potvrdne okvire pored potrebnih stavki u meniju "Grafika" da konfigurišete prikaz pored slika informacija o sadržaju atributa ALT (alternativni tekst), kao i informacije o težini ove fotografije, njegovu veličinu u pikselima i putanju do datoteke sa slikom.

Također će biti moguće konfigurirati dodatak Web Developer da prikazuje obrise slika, pronalazi oštećene slike, prikazuje sažetak svih fotografija na otvorenoj web stranici i, na primjer, umjesto toga konfiguriše prikaz sadržaja atributa ALT.

U oblasti Info, ovaj dodatak može pružiti obilje informacija o cijeloj web stranici koja je otvorena u pretraživaču. U ovom meniju ima mnogo stavki. Na primjer, aktiviranje stavke "Prikaži veličine blokova" rezultirat će odabirom svih blokova (DIV kontejnera) na web stranici i prikazivanjem pored njih njihove točne veličine u pikselima.

Također možete koristiti dodatak Web Developer da vidite strukturu zaglavlja date stranice, informacije o vezama na njoj i još mnogo toga.

Područje "Razno" koncentriše one mogućnosti koje nisu našle mjesto u drugim grupama alata. Zanimljiv iz ove grupe je "Vladilac", kada se aktivira, dobijate priliku mjerenje udaljenosti između elemenata web stranice ili odredite veličinu bloka u pikselima.

Nakon aktiviranja ravnala iz plug-ina, kursor miša se pretvara u križ, a možete pritiskom i držanjem lijeve tipke miša odabrati željeni element stranice. Ispod trake sa alatkama Web Developer na vrhu prozora pretraživača Firefox nalazi se traka sa alatkama Ruler, koja će prikazati informacije o veličini selekcije.

Još uvijek ima dosta zanimljivih i korisnih mogućnosti u oblasti "Razno". Na primjer, stavka "HTML Editor" otvara dodatni prozor sa HTML kodom ove stranice. Sve promjene napravljene na njemu će se odmah prikazati u pretraživaču. Vrlo zgodno za brze eksperimente s dizajnom web stranice. U ovom slučaju, naravno, neće biti napravljene nikakve promjene u stvarnim datotekama motora web projekta.

Ali s druge strane, koristeći Web Developer, možete simulirati različite opcije za pravljenje ove stranice u Firefoxu u realnom vremenu. Ako vam odgovara nova verzija koda koji je modeliran s njom, tada ćete morati izvršiti promjene u stvarnim datotekama web engine-a, koje možete pronaći opisanom metodom.

Područje Outlines će vam biti od velike pomoći dok istražujete elemente dizajna web stranice. Aktiviranjem ove ili one stavke u meniju "Okviri" možete odabrati pojedinačne tipove njenih elemenata na stranici, na primjer elemente na nivou bloka (DIV kontejneri), elemente HTML tabele (), okvire (članak živi) ili veze na stranici koje nemaju atribut Title. To uvelike povećava vidljivost izgleda.

Meni "Dimenzije" sadrži nekoliko opcija za kontrolu veličine prozora pretraživača. Također možete postaviti prozor na proizvoljnu veličinu da vidite ponašanje ove stranice kada se izvrše promjene.

Grupa "Alati" sadrži mogućnosti za provjeru validacije (usklađenost sa savremenim zahtjevima za web razvoj). Mogu se izvršiti provjera valjanosti HTML, CSS, WAI i Sekcije 508. Validacija se vrši putem online validatora od.

Dodatak se može konfigurirati odabirom stavke s istim imenom u grupi alata "Postavke". U zaključku, želim reći da pomoću mogućnosti Web Developer-a možete lako razumjeti kako je uređena ova ili ona omiljena web stranica, a također će biti vrlo korisna pri kreiranju i otklanjanju grešaka na web lokacijama.

Sretno ti! Vidimo se uskoro na stranicama blog stranice

možete pogledati više video zapisa ako odete na

");">

Možda ste zainteresovani

SEObar - zgodan i informativan SEO dodatak za Opera
Firebug - Kako koristiti najbolji dodatak za webmastere
Optimiziranje i komprimiranje CSS-a u brzini stranice - Kako onemogućiti vanjske stilske datoteke i kombinirati ih u jednu za brže učitavanje
Rds traka i traka za promociju stranice za pomoć webmasteru
Safari - gdje preuzeti i kako prilagoditi Appleov besplatni pretraživač za Windows
Ekstenzije i teme za Google Chrome
Dodaci i teme za Mozilla Firefox - koje dodatke i ekstenzije vrijedi preuzeti i instalirati

Vlad Merzhevich

Iako je proširenje dostupno za dva različita pretraživača, verzija Firefoxa je ažurirana i redovno se ažurira, što nije slučaj za verziju Chromea. Osim toga, podržava ruski jezik. Stoga će u nastavku opis važiti samo za Firefox.

Instalacija je prilično jednostavna, samo idite na web stranicu autora sa Firefox pretraživačem i kliknite na "Preuzmi", nakon čega ćete biti preusmjereni na stranicu, gdje trebate kliknuti na "Dodaj u Firefox" (slika 7.1).

Rice. 7.1. Dodaj u Firefox

Također možete ići direktno na stranicu sa ekstenzijom.

Nakon dodavanja pojaviće se prozor sa upozorenjem (slika 7.2), kliknite na dugme "Instaliraj sada" i postupak instalacije je završen.

Rice. 7.2. Instalacija Web Developera

Drugi način za instaliranje različitih ekstenzija je korištenje menija Alati> Dodaci... U prozoru za pretragu upišite "web developer", pritisnite Enter, dodatak koji nam je potreban pojaviće se na listi ispod (slika 7.3).

Rice. 7.3. Prozor dodataka za Firefox

Sama ekstenzija izgleda kao traka menija iznad kartica (slika 7.4), dostupna je i kroz meni Alati> Web Developer... Panel možete uključiti / isključiti kroz meni View> Toolbars ili desnim klikom na traku za proširenje.

Rice. 7.4. Web programer u pretraživaču

Idemo kroz stavke menija Web Developer.

Onemogući keš memoriju

Onemogućuje ugrađenu keš memoriju pretraživača. Obično, slike i kopije pregledanih stranica pretraživač sprema na lokalni disk radi uštede vremena učitavanja. Kada se stranica ponovo otvori, pretraživač uspoređuje lokalnu kopiju s originalom, a ako se podudaraju, učitava se lokalna kopija. U nekim slučajevima, lokalna verzija stranice se učitava, čak i ako je original promijenjen. Na primjer, u postavkama pretraživača može se postaviti provjera svaka dva sata da li je stranica sačuvana u keš memoriji ažurirana na serveru. Međutim, Firefox ne dozvoljava fino podešavanje keš memorije kao Opera.

Također možete osvježiti stranicu zaobilazeći keš memoriju pritiskom na Ctrl + F5, podržavaju ga svi pretraživači.

Java je programski jezik koji je razvio Sun Microsystems. Mali programi na ovom jeziku (zvani apleti) se koriste za proširenje funkcionalnosti web stranica. Firefox ima ugrađenu podršku za ovaj jezik, koja se može onemogućiti putem ove stavke menija. Ne radi u Firefoxu 3.6.

Onemogućite JavaScript

Programski jezik dizajniran za skripte - programe integrirane sa web stranicom. JavaScript se naširoko koristi prilikom kreiranja web stranica za proširenje njihove funkcionalnosti, na primjer, kreiranje raznih menija, formi, efekata itd. Ako odaberete stavku Onemogući JavaScript> Potpuno, tada će sve funkcije na stranici prestati raditi. Ova stavka menija se može koristiti za testiranje sajta koji radi bez skripti, kao i za zaobilaženje raznih ograničenja koja nameću autori sajta, kao što je onemogućavanje desnog dugmeta miša. Web Developer kaže da ne postoje ograničenja koja se ne mogu zaobići.

Onemogućite META preusmjeravanje

Korištenje oznake možete automatski preusmjeriti na navedeni dokument nakon određenog vremenskog perioda. Da biste to učinili, koristite oznaku i Refresh vrijednost atributa http-equiv (primjer 7.1).

Primjer 7.1. Automatsko prosljeđivanje

Preusmjeravanja se mogu koristiti u razgovorima za ažuriranje trenutnog dokumenta ili preusmjeravanje na novu adresu. Ali se također koristi sa zlonamjernim namjerama, na primjer, s ciljem čestog prikazivanja kontekstualnog oglašavanja ili banera. Ova stavka menija vam omogućava da blokirate takvu oznaku. .

Onemogući minimalnu veličinu fonta

U postavkama Firefoxa možete postaviti minimalnu veličinu fonta, koristit će se za tekst koji je manji od navedene veličine. Ovo čini pregledavanje čitljivijim, posebno na web lokacijama koje prikazuju tekst u fontu koji je premali da bi bio udoban.

Da biste postavili minimalnu veličinu fonta, izaberite iz menija Alati> Opcije..., otvorite tablu sa sadržajem i kliknite na dugme Više u grupi Fontovi i boje. Možete odabrati minimalnu veličinu fonta iz padajućeg menija Najmanja veličina fonta.

Web Developer vam omogućava da brzo omogućite ili onemogućite ovu funkciju. Međutim, ako minimalna veličina fonta nije navedena u postavkama, ova stavka ni na koji način ne utiče na rezultat.

Onemogućite boje stranice

Isključuje sve boje navedene u svojstvu background-a ili background-color. Pozadine koje su postavljene pomoću pozadine su također pogođene.

Onemogući blokator iskačućih prozora

Skočni prozori se obično koriste za oglašavanje, tako da su obično blokirani i nisu dozvoljeni u pretraživačima. Ova stavka vam omogućava da brzo omogućite i onemogućite ovu opciju.

Onemogući proxy

Pod proksijem se obično podrazumeva server ili program koji vam omogućava da se povežete na Internet, kao iu svrhu postavljanja zahteva u ime drugih klijenata. Ako u postavkama Firefoxa ( Alati> Opcije .., Napredni panel, kartica Mreža, dugme Konfiguriši) ako "Koristi postavke proxy sistema", onda je ova stavka neaktivna.

Onemogući Referrere

Referrer je jedno od zaglavlja HTTP protokola i omogućava vam da dobijete adresu stranice sa koje je korisnik došao na sajt. Ako vam je stalo do sigurnosti vaših podataka, omogućite ovu stavku.

Kolačići ili kolačići, kako se u žargonu nazivaju, su male tekstualne datoteke na lokalnom računalu koje pohranjuju informacije korisne za stranicu. Uz pomoć kolačića možete zapamtiti korisničko ime, njegov status i druge informacije koje se koriste na stranici. Firefox konfiguriše postavke kolačića preko menija Alati> Opcije..., panel za privatnost. Iz sigurnosnih razloga, općenito možete onemogućiti prihvaćanje kolačića sa web lokacija.

Sami kolačići su skup nekih parametara:

• jedinstveno ime;
• značenje;
• put - šaljite kolačiće samo ako se put i adresa stranice podudaraju, "/" putanja znači bilo koju stranicu;
• domena - za koju adresu sajta je zapis relevantan;
• Datum isteka - govori pretraživaču kada se kolačić može izbrisati.

Onemogućite kolačiće

Onemogućuje prihvatanje kolačića sa web lokacija.

Izbrišite kolačiće sesije

Kolačići se često koriste za provjeru autentičnosti korisnika. Nakon unosa korisničkog imena i lozinke, generira se jedinstveni kod koji se pohranjuje u kolačić. Kada ponovo posjetite stranicu, ovaj kod se provjerava, a ako se poklapa sa serverskim kodom, stranica "prepoznaje" korisnika. Odabirom ove stavke brišete sve sačuvane sesije.

Izbrišite kolačiće za domenu

Uklanja sve kolačiće za web lokaciju koja je trenutno otvorena u pretraživaču.

Izbrišite kolačiće za putanju

Uklanja sve kolačiće za web lokaciju, čija se putanja poklapa sa putanjom stranice otvorene u pretraživaču.

Informacije o kolačićima

Otvara se dodatna stranica na kojoj su svi kolačići sa ove stranice prikazani u obliku tabele. Možete urediti njihove parametre ili potpuno izbrisati kolačiće (slika 7.5).

Rice. 7.5. Informacije o kolačićima sa youtube.com

Dodaj kolačiće

Omogućava vam da umjetno postavite kolačiće za trenutnu ili bilo koju drugu stranicu, kao i da postavite potrebne parametre (slika 7.6).

Rice. 7.6. Prozor za dodavanje

Dodatak je obično potreban za otklanjanje grešaka kako kolačići rade i kako se stranica ponaša ako ih ima.

CSS

Ovaj meni je odgovoran za stilove trenutne stranice.

Onemogućite stilove

Dizajniran da onemogući stilove iz bilo kojeg razloga.

Svi stilovi

Onemogućuje sve stilove koji se koriste na stranici.

Zadani stil pretraživača

Onemogućuje stilizovanje za sve elemente kojima ga pretraživač po podrazumevanoj vrednosti dodaje. Na primjer, tekst unutra

i

Ima drugačiju veličinu.

Naslov

Nakon isključivanja stila, veličina teksta ovih elemenata će biti ista.

Inline Styles

Onemogućuje oblikovanje unutar oznake