Web Developer for Firefox – pistikprogrammi installimine ja võimalused paigutuse kujundajatele ja veebihalduritele

Kasutasin kogu aeg Firefoxi. See sobis mulle päris hästi, eriti saidi arendamise ja testimise käigus. Proovisin seda kohe pärast ilmumist. Mulle meeldis lehe renderdamise kiirus.

Kuid pärast lühikest aega naasin Firefoxi juurde, kuna puudusid laiendused ja lisandmoodulid, nagu Google Page Rank ja Webdevi veebiarendaja paneel. Nüüd pole probleeme, neid on juba suur hulk.

FireBugi pistikprogramm Firefoxi jaoks

See on peamine veebiarendaja pistikprogramm. Saate redigeerida, siluda, vaadata CSS-i, HTML-i ja JavaScripti. Tehtud muudatuste tulemus kuvatakse koheselt. FireBugi pistikprogramm on väga mugav koodilõigu otsimiseks, mis vastutab konkreetse ploki kuvamise eest lehel, ja vastavat CSS-stiili.

Pistikprogrammil on suurepärane Inspect funktsioon, mille abil näete, millised sildid ja omadused määravad lehel üksiku elemendi asukoha. Lisaks näete vahekaardil Paigutus, millised veerised ja taanded sellele elemendile on seatud.


See pistikprogramm on FireBugi täiendus. Seda kasutades saate hõlpsasti paigutada pilte oma küljendusse ja vaadata visandit justkui valmis kujul. Selleks tuleb valida pildid ja paigutada need otse lehele. Pildid on poolläbipaistvad ja neid saab hõlpsasti hiirega lohistada.

Laadige alla Firefoxi pistikprogramm Pixel Perfect.

HTML Validator lihtsustab kehtiva HTML-märgistuse loomise protsessi vastavalt veebistandarditele. Nüüd pole enam vaja minna ametlikule validaatori lehele.


Pistikprogramm näitab vigu üksikasjalikult ja täpset asukohta ning selgitab ka selle vea parandamist. Töötab taustal ja on sisse ehitatud lähtekoodivaate lehele. Säästab palju aega.

Vlad Merževitš

Kuigi laiendus on saadaval kahele erinevale brauserile, on Firefoxi versioon ajakohane ja seda uuendatakse regulaarselt, mida ei saa öelda Chrome'i versiooni kohta. Lisaks toetab see vene keelt. Seetõttu on kirjeldus edaspidi ainult Firefoxi jaoks.

Installimine on üsna lihtne, lihtsalt minge Firefoxi brauseriga autori veebisaidile ja klõpsake nuppu "Laadi alla", misjärel suunatakse teid saidile, kus peate klõpsama nuppu "Lisa Firefoxi" (joonis 7.1).

Riis. 7.1. Firefoxi lisamine

Samuti saate laiendiga otse lehele minna.

Pärast lisamist ilmub hoiatusaken (joonis 7.2), klõpsake nuppu “Install now” ja installiprotseduur on lõpetatud.

Riis. 7.2. Web Developeri installimine

Teine võimalus erinevate laienduste installimiseks on menüü kasutamine Tööriistad > Lisandmoodulid. Tippige otsinguaknasse “web developer”, vajutage Enter, meile vajalik lisandmoodul ilmub allolevasse loendisse (joonis 7.3).

Riis. 7.3. Firefoxi lisandmoodulite aken

Laiendus ise näeb välja nagu menüüriba vahekaartide kohal (joonis 7.4) ja sellele pääseb ligi ka menüü kaudu Tööriistad > Veebiarendaja. Menüü kaudu saate paneeli sisse/välja lülitada Vaade > Tööriistaribad või paremklõpsates laienduspaneelil.

Riis. 7.4. Veebiarendaja brauseris

Vaatame läbi veebiarendaja menüüüksused.

Keela vahemälu

Keelab brauseri sisseehitatud vahemälu. Tavaliselt salvestab brauser laadimisaja säästmiseks pildid ja vaadatud lehtede koopiad teie kohalikule kettale. Lehe uuesti avamisel võrdleb brauser kohalikku koopiat originaaliga ja kui need ühtivad, laaditakse kohalik koopia. Mõnel juhul laaditakse lehe kohalik versioon, isegi kui originaal on muutunud. Näiteks saab brauseri seadetes panna iga kahe tunni tagant kontrollima, kas vahemällu salvestatud lehekülge on serveris uuendatud. Firefox ei võimalda aga vahemälu peenhäälestamist nagu Opera.

Lehte saab värskendada ka vahemälust mööda minnes, kasutades klahvikombinatsiooni Ctrl + F5; seda toetavad kõik brauserid.

Java on Sun Microsystemsi poolt välja töötatud programmeerimiskeel. Selle keele väikeseid programme (nimetatakse aplettideks) kasutatakse veebilehtede funktsionaalsuse laiendamiseks. Firefoxil on selle keele jaoks sisseehitatud tugi, mille saab selle menüüelemendi kaudu keelata. Ei tööta Firefoxis 3.6.

Keela JavaScript

Programmeerimiskeel, mis on loodud skriptide käitamiseks – veebilehega integreeritud programmid. JavaScripti kasutatakse laialdaselt veebilehtede loomisel nende funktsionaalsuse laiendamiseks, näiteks erinevate menüüde, vormide, efektide jms loomiseks. Keela JavaScript > Täielikult, siis kõik saidi funktsioonid lakkavad töötamast. Seda menüüelementi saab kasutada saidi toimimise testimiseks ilma skriptideta, samuti saab mööda minna erinevatest saidi autorite seatud piirangutest, nagu näiteks hiire parema nupu keelamine. Web Developer ütleb, et puuduvad piirangud, millest ei saaks mööda hiilida.

Keela META ümbersuunamine

Sildi kasutamine Saate teatud aja möödudes automaatselt ümber suunata määratud dokumendile. Selleks kasutatakse silti ja atribuudi http-equiv väärtus Refresh (näide 7.1).

Näide 7.1. Automaatne edastamine

Edastamine

Edasi saab vestlustes kasutada praeguse dokumendi värskendamiseks või uuele aadressile ümbersuunamiseks. Kuid seda kasutatakse ka pahatahtlikult, näiteks kontekstuaalse reklaami või bännerite sagedase kuvamise eesmärgil. See menüüelement võimaldab teil sellise sildi blokeerida .

Keela minimaalne fondi suurus

Firefoxi sätetes saate määrata minimaalse fondi suuruse; seda kasutatakse teksti puhul, mis on määratud suurusest väiksem. See võimaldab muuta sirvimislehti hõlpsamini loetavaks, eriti saitidel, kus teksti kuvatakse mugavaks lugemiseks liiga väikeses kirjas.

Minimaalse fondi suuruse määramiseks valige menüüst Tööriistad > Seaded..., avage paneel Sisu ja klõpsake rühmas Fondid ja värvid nuppu Täpsemalt. Minimaalse fondi suuruse saate valida rippmenüüst Väikseim fondi suurus.

Web Developer võimaldab teil selle funktsiooni kiiresti lubada või keelata. Kui aga seadetes pole minimaalset fondi suurust määratud, ei mõjuta see üksus tulemust kuidagi.

Keela lehevärvid

Lülitab välja kõik tausta või taustavärvi atribuudiga määratud värvid. Mõjutatud on ka taustapildid, mis on seadistatud tausta abil.

Keela hüpikakende blokeerija

Hüpikaknaid kasutatakse tavaliselt reklaamimiseks, nii et need on tavaliselt blokeeritud ja pole brauserites lubatud. See üksus võimaldab teil selle valiku kiiresti sisse ja välja lülitada.

Keela puhverserver

Puhverserveri all mõistetakse tavaliselt serverit või programmi, mis võimaldab teil Interneti-ühendust luua, samuti teiste klientide nimel päringuid luua. Kui Firefoxi seadetes ( Tööriistad > Seaded..., Täpsem paneel, vahekaart Võrk, nupp Konfigureeri) on "Kasuta süsteemi puhverserveri sätteid", siis on see üksus passiivne.

Keela viitajad

Viitaja on üks HTTP-protokolli päistest ja võimaldab teil saada selle lehe aadressi, millelt kasutaja saidile tuli. Kui olete oma andmete turvalisuse pärast mures, lubage see üksus.

Küpsised ehk küpsised, nagu neid žargoonis nimetatakse, on väikesed tekstifailid teie kohalikus arvutis, mis salvestavad veebisaidi jaoks kasulikku teavet. Küpsiste abil saate meeles pidada kasutaja nime, olekut ja muud teavet, mida saidil kasutatakse. Firefox määrab küpsiste seaded menüü kaudu Tööriistad > Seaded..., Privaatsuspaneel. Turvalisuse huvides saate üldiselt keelata saitide küpsiste vastuvõtmise.

Küpsised ise on teatud parameetrite kogum:

  • ainulaadne nimi;
  • tähendus;
  • tee - saatke küpsiseid ainult siis, kui tee ja lehe aadress ühtivad, tee “/” tähistab mis tahes lehte;
  • domeen – millise veebilehe aadressi puhul on kirje asjakohane;
  • aegumiskuupäev – annab brauserile teada, millal saab küpsiseid kustutada.

Keela küpsised

Keelab saitidelt küpsiste vastuvõtmise.

Kustuta seansiküpsised

Küpsiseid kasutatakse sageli kasutaja autentimise kontrollimiseks. Pärast teie nime ja parooli sisestamist genereeritakse unikaalne kood, mis salvestatakse küpsistesse. Kui külastate saiti uuesti, kontrollitakse seda koodi ja kui see ühtib serveri koodiga, siis sait "tunneb" kasutaja ära. Selle üksuse valimine kustutab kõik salvestatud seansid.

Kustutage domeeni küpsised

Kustutab kõik praegu brauseris avatud saidi küpsised.

Eemaldage tee küpsised

Kustutab kõik küpsised saidilt, mille tee kattub brauseris avatud saidi teega.

Teave küpsiste kohta

Avaneb lisaleht, kus kõik selle saidi küpsised on esitatud tabelina. Nende seadeid saab muuta või küpsiseid üldse kustutada (joonis 7.5).

Riis. 7.5. Teave küpsiste kohta saidilt youtube.com

Lisa küpsised

Võimaldab praeguse või mõne muu saidi jaoks kunstlikult seadistada küpsiseid, samuti määrata vajalikud parameetrid (joonis 7.6).

Riis. 7.6. Lisamise aken

Lisamine on tavaliselt vajalik küpsiste toimimise ja saidi käitumise silumiseks, kui need on olemas.

CSS

See menüü vastutab praeguse lehe stiilide eest.

Keela stiilid

Loodud stiilide keelamiseks mis tahes põhjusel.

Kõik stiilid

Keelab kõik lehel kasutatavad stiilid.

Brauseri vaikestiil

Keelab stiili kõigi elementide jaoks, millele brauser selle vaikimisi lisab. Näiteks tekst sees

Ja

On erineva suurusega.

Pealkiri

Pärast stiili keelamist on nende elementide teksti suurus sama.

Sisseehitatud stiilid

Keelab stiilimise märgendis