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 npr Google stranica Panel rangiranja i web programera 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 pojedinačni element 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 da je već u njoj gotova forma... Da biste to učinili, trebate odabrati slike i postaviti ih direktno na stranicu. Slike su prozirne, lako ih je prevući mišem.

Preuzmite dodatak Pixel Perfect za Firefox.

HTML Validator će pojednostaviti proces kreiranja validnog HTML markup u skladu sa web standardima. Sada nema potrebe da idete službena stranica validator.

Dodatak detaljno prikazuje greške i tacna lokacija i također objašnjava kako popraviti ovu grešku. Radi u pozadini i ugrađen je u stranicu za prikaz izvora. Štedi puno vremena.

Web Developer Mozilla je nevjerovatan korisno proširenje... 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 ruski bloger moguće je instalirati ovo proširenje na ruskom, ali u ovom slučaju nije instalirano najnoviju verziju a prethodni je bio 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, gornji panel proširenje će biti 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 " mali font", Ali možete onemogućiti java skripta 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. Nađ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 pojavljuje vrijedne informacije o težini pojedinih sekcija. Amazes veliki broj skripte i njihovu veličinu. Vrijedi razmisliti kako se mogu smanjiti i smanjiti.

• • Linkovi iz početna stranica... 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 dobijamo 74 - 86 internih linkova, ali SEO pravila, nije dozvoljeno da njihov broj prelazi 100.
  • Postoje informacije o meta tagovima glavne stranice.

Razne informacije

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

• • 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.

• • By ovaj savjet uradio sljedeće: aktivirao drugi, jednostavna tema/ukratko/. 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 za Mozilla pretraživač, malo drugačije opcije. Tekst je engleski, ali neke od početnih stranica su prevedene.

Bolje je kada je osoba barem upoznata engleski jezik jer Internetu to 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.

Vlad Merzhevich

Iako postoji produžetak za dvoje različitim pretraživačima, verzija za Firefox je ažurirana i redovno se ažurira, što se ne može reći za verziju za Chrome. 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. Instaliranje Weba Developer

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 klikom desno dugme miša na traci 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. Pretraživač obično čuva slike i kopije pregledanih stranica na lokalni disk da uštedite vreme 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 dolazi do učitavanja lokalna verzija stranicu, čak i ako je original izmijenjen. 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 to ne dozvoljava fino podešavanje keš 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 (tzv. appleti) 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 proslijediti 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

Prosljeđivanje se može primijeniti u chatovima radi ažuriranja aktuelni dokument ili preusmjerava na nova adresa... Ali se koristi i sa zlonamjernom namjerom, na primjer, u svrhu čestog prikazivanja kontekstualno oglašavanje ili banere. Ova stavka meni vam omogućava da blokirate sličnu oznaku .

Onemogući minimalnu veličinu fonta

V Firefox postavke možete postaviti minimalnu veličinu fonta, on će se koristiti 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. Također pogođeno pozadinske slike koji su postavljeni sa pozadinom.

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 .., Dodatni panel, kartica Mreža, dugme Konfiguriši) je „Koristi postavke sistema proxy “, ova stavka je neaktivna.

Onemogući Referrere

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

Kolačići ili kolačići, kako ih u žargonu zovu, mali su tekstualne datoteke na lokalni računar koji 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 na kojoj se nalazi ovog trenutka 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, gdje u tabelarni oblik predstavljeni su svi kolačići sa ove stranice. 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ćuje vam umjetno postavljanje kolačića za trenutnu ili bilo koju drugu stranicu, kao i postavljanje potrebnih parametara(sl. 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