mājas › BY › Google Chrome paplašinājumu nianses izstrādātājam. Google Chrome paplašinājumi tīmekļa izstrādei un citiem. Kādas Chrome versijas pastāv?

Google Chrome paplašinājumu nianses izstrādātājam. Google Chrome paplašinājumi tīmekļa izstrādei un citiem. Kādas Chrome versijas pastāv?

Pārlūkprogramma Google Chrome ir lieliska izvēle dizaineriem un tīmekļa izstrādātājiem. Izmantojot Google Chrome paplašinājumus, varat pievienot vairāk funkciju, kas var palīdzēt projektēšanā, kļūdu atrašanā un citos darbos ar vietni. Šeit mēs piedāvājam labākos Chrome paplašinājumus dizaineriem un izstrādātājiem.

Izšķirtspējas tests- šis paplašinājums ir paredzēts tīmekļa lapu pārbaudei dažādās ekrāna izšķirtspējās, vienlaikus varat iestatīt savus izšķirtspējas iestatījumus. Šis rīks ir ļoti ērts, lai pārbaudītu, kā jūsu dizains izskatās uz dažāda izmēra monitoriem.

Pendule paplašina Google Chrome iebūvēto rīku funkcionalitāti. Izmantojot šo paplašinājumu, lietotājiem ir daudz papildu funkciju, piemēram: ierobežojošo tagu novērtēšana, izmantojot automātiskos W3C tīmekļa pakalpojumus, attēlu slēpšana lapā, lapā iegulto skriptu skatīšana un daudzas citas.

Vienkāršas drēbes labi dara tikai vienu - noņem visu CSS lapā. Viens no iecienītākajiem veidiem, kā novērtēt tīmekļa lapu pieejamību, ir noņemt CSS stilus un salīdzināt lapas lasāmību ar un bez stiliem. Šī pieeja simulē situāciju, kad lietotājam ir tikai daļējs lapas skats un viņš var paļauties tikai uz lapas tagiem, lai piekļūtu saturam.
Lai gan šī programma sākotnēji tika izveidota tīmekļa lapu testēšanai, varat to izmantot, lai skatītu savus iecienītākos stilus "nestilizēti" (tāpēc priekšnieks nepieķers jūs skatoties, kad būs jāpabeidz JavaScript funkcija).

Ja vēlaties apgriezt noteiktas tīmekļa lapas daļas, Image Cropper ir jūsu acīmredzamā izvēle. Šī programma ir vienkārša kā nūja, un tai nav nekādu triku. Vienkārši atlasiet apgabalu, kuru vēlaties izgriezt, un lietotne to paņems. Nepieciešama precizitāte līdz pikselim? Paplašinājums parāda izgriezto fragmentu izmērus un atrašanās vietu, lai jūs varētu izvēlēties vajadzīgo izmēru.

Šis paplašinājums lepojas ar to, ka ir minimālistisks un vienkāršs – kas ir labi, jo nav pamata sarežģīt Lorem Ipsum tekstu izveidi. Lorem Ipsum ģenerators ļauj aizpildīt teksta lodziņus, veidojot vietni prezentācijām.

Kļūdu atrašana dzinējā Internet Explorer Trident nav nekāda jautrība. Izmantojot IE Tab, vismaz varat ietaupīt laiku un neizmantot Internet Explorer (nemaz nerunājot par to, ka tai ir maz paplašinājumu), lai atrastu renderēšanas problēmas.

jQuery Shell ļauj palaist JavaScript un jQuery komandas atvērtas tīmekļa lapas kontekstā. Ļoti noderīgs paplašinājums, lai mācītos un eksperimentētu ar jQuery.

10.

Šī lietotne ir viena trika meistars. Viltība ir tāda, ka programma ļauj ātri iegūt jebkuras krāsas Hex un RGB vērtības jebkurā tīmekļa lapā. Šī funkcija var noderēt, ja jums ir jānosaka, kādas krāsas izmanto jūsu iecienītākā vietne, neizmantojot Photoshop un tā pilinātāja rīku.

11.

Izmantojot funkciju WebEdit, jūs varat padarīt jebkuru lapu rediģējamu (taču izmaiņas, protams, netiks saglabātas). Nu kam tad tev to vajag? Lūk, kāpēc: ja veidojat vietni un vēlaties paspēlēties ar elementiem bez būtiskām koda izmaiņām, šī lietotne būs ļoti noderīga.

12.

Vai esat kādreiz domājis, kādas tehnoloģijas, ietvarus un atvērtā pirmkoda lietojumprogrammas izmanto konkrēta vietne? Pieredzējuši izstrādātāji var atbildēt uz šiem jautājumiem, studējot avots, bet, ja vēlaties saņemt ātrāku un vienkāršāku atbildi, izmēģiniet Chrome Sniffer. Chrome Sniffer uzskaita visus zināmos JavaScript ietvarus/bibliotēkas (jQuery, MooTools u.c.) un CMS (Drupal, WordPress u.c.), ko izmanto vietne.

13.
Acu pilinātājs ir Google Chrome paplašinājums, kas ļauj definēt krāsu jebkurā tīmekļa lapā. Turklāt programma izsniedz krāsu "riteni" un krāsu paraugus (kurus var atrast jebkurā grafikas programma), lai jūs varētu eksperimentēt un manipulēt ar krāsām, lai iegūtu pareizo.

15.

Labi izveidota tīmekļa lapa ar labu marķējumu galu galā radīs iespaidīgus meklētājprogrammas rezultātus. Tomēr, ja vēlaties novērtēt savu vietni pēc labi zināmiem meklētājprogrammu optimizācijas parametriem, jums vajadzētu izmēģināt SEO Site Tools, paplašinājumu, kas piedāvā milzīgu noderīgu rīku un funkciju klāstu SEO novērtēšanai. Tas var nolasīt daudz parametru lapā un ārpus tās, iegūt informāciju no sociālajiem medijiem utt.

Ir izveidotas vairākas versijas dažādām lietotāju kategorijām. Viens no tiem saucas Google Chrome izstrādātāju izdevums. Kāda ir šī versija un kāpēc tā ir vajadzīga? Par šo un tiks apspriestsšajā materiālā.

Ir vērts atzīmēt, ka alternatīvas Chrome versijas ir pieejamas jau ilgu laiku. Tie ir pievienoti šai populārajai pārlūkprogrammai gandrīz no palaišanas versijas. Bet ne visi lietotāji ir piemēroti alternatīvām iespējām.

Fakts ir tāds, ka “citas” Chrome versijas ir paredzētas profesionāļiem noteiktā jomā: izkārtojumu dizaineriem, testētājiem, izstrādātājiem utt. Parastajiem lietotājiem šādas pārlūkprogrammas nedarbosies. Un tomēr mums par tiem ir jārunā.

Kādas Chrome versijas pastāv?

Patiesībā viņu nav tik daudz. Tomēr tikai viens no tiem ir stabils. Tas ir tikai tas, kas ir paredzēts brīvai piekļuvei. Jebkurš lietotājs to var lejupielādēt. Bet ir arī alternatīvas versijas. Īsi tos apskatīsim.

Šīs ikviena iecienītākās Google Chrome versijas pastāv. Tomēr šajā kontekstā mūs interesē izstrādātāju izdevums. Tāpēc ir jāapsver viss galvenās iezīmesšo versiju, lai iegūtu sīkāku informāciju. Tikai tad var izdarīt secinājumus.

Izstrādātāja izdevuma funkcijas

Šī galvenā iezīme Google versijas Chrome ir izstrādes rīku pieejamība. Tie būs noderīgi tiem, kas izstrādā paplašinājumus un spraudņus šai tīmekļa pārlūkprogrammai. Vienkāršs lietotājs pazudīs šādos rīkos.

Otra iezīme ir uzlabotā konsole. To izmanto, lai rediģētu kodu un iekļautu slēptās funkcijas pārlūkprogramma. Tomēr jums ir jāspēj ar to strādāt. Mazākā kļūda komandā var novest pie ļoti bēdīgām sekām.

Vēl viens "triks" ir visu jaunāko inovāciju klātbūtne, kas ir migrēta uz šī versija no Kanāriju salām. Tas ļauj izstrādātājiem optimizēt savus paplašinājumus jaunām pārlūkprogrammas funkcijām.

Bieža atjaunināšana ir vēl viena izstrādātāja izdevuma atšķirīgā iezīme. Tās nāk neregulāri, bet ne vēlāk kā reizi divās nedēļās. Dažos gadījumos atjauninājumi var tikt saņemti pat divu dienu laikā. Tas ir noderīgi tiem, kas testē jaunas tīmekļa pārlūkprogrammas funkcijas.

Secinājums

Tātad, iepriekš mēs runājām par to, kādas ir Google Chrome versijas, un detalizēti aplūkojām izstrādātāju montāžu. Tagad ir skaidrs, ka šī versija atšķiras ar rīku komplektu un uzlabotu konsoli.

Ir vērts atzīmēt, ka parastajiem lietotājiem vispār nav jāinstalē izstrādātāja izdevums. No tā nebūs nekādas jēgas. Turklāt šis komplekts neatšķiras ar īpašu stabilitāti. Ja neesat izstrādātājs, tad labāk ir izmantot Stable.

Ir pieejams milzīgs skaits bezmaksas paplašinājumu Google pārlūkprogramma Chrome, kas atvieglo jūsu dzīvi. Šeit ir 20 no labākajiem.

Šajā rakstā mēs piedāvājam labākos Google Chrome paplašinājumus dažādiem mērķiem, taču katrs ir izstrādāts, lai atvieglotu jūsu darbu.

Firefox jau sen ir slavens ar savu pielāgošanu un daudziem paplašinājumiem, taču Google Chrome pēdējos gados ir guvis lielu popularitāti arī tīmekļa dizaineru un izstrādātāju vidū. Viens no iemesliem ir tā ātrums un iebūvētie izstrādātāja rīki.

Tagad, attīstot Chrome paplašinājumu kolekciju, kas katru dienu tiek paplašināta, tas ir iemesls, kāpēc daudzi tīmekļa izstrādātāji un dizaineri izvēlas tieši šo pārlūkprogrammu.

Vai vēlaties uzzināt vairāk par to? Apskatiet mūsu sarakstu.

01. iMacros pārlūkam Chrome

Chrome paplašinājums iMacros ļauj ierakstīt un saglabāt savas darbības.

Kā tīmekļa izstrādātājam, iespējams, jums būs jāpārskata savas tīmekļa lapas. Vienu un to pašu lietu atkārtošana var būt nogurdinošs process. iMacros ir ērts Chrome paplašinājums, kas ļauj ierakstīt savas darbības un tās saglabāt; darbība ir jāveic tikai vienu reizi.

Pēc tam jūs varat pārbaudīt savas lapas atkal un atkal, atkārtojot darbības, noklikšķinot uz pogas. Tas ietaupa dārgo laiku un ļauj koncentrēties uz svarīgākām lietām.

02. Fontu rotaļu laukums

Font Playground ļauj eksperimentēt ar vietējiem fontiem aktīvās tīmekļa lapās.

Katrs dizainers un izstrādātājs šajā paplašinājumā atradīs daudz noderīgas lietas. Font Playground ļauj eksperimentēt ar vietējiem fontiem un visām Google fontu bibliotēkām aktīvajās tīmekļa lapās, neveicot nekādas izmaiņas pašās lapās.

Šī paplašinājuma priekšrocība ir tā, ka tas ietver visus iespējamos fontu izmērus, stilus un efektus. Pirms reālu izmaiņu veikšanas kodā, iespējams, vēlēsities vispirms renderēt dažādas fontu opcijas.

03. Kāds fonts

Kādu fontu viņi izmanto? Chrome paplašinājums Kāds fonts var jums to parādīt!

Ļoti noderīgs Google Chrome paplašinājums What Font ļauj izstrādātājiem un dizaineriem noteikt, kuri fonti tiek izmantoti tīmekļa lapā.

Tātad, ja kaut kur tiešsaistē atrodat fontu, kas izskatās fantastiski, un vēlaties to izmantot kādā no saviem turpmākajiem projektiem, vienkārši virziet kursoru virs tā, un jūs uzreiz uzzināsit, kas tas ir.

04.Lēni

YSlow jums pateiks, kas palēnina lapas darbību.

Izmantojot šo rīku, jūs varat ne tikai pārbaudīt, cik ātri tiek ielādēta tīmekļa lapa, bet arī parādīs, vai kaut kas palēnina ielādi, ja jā, tad kas tieši.

YSlow pārbauda tīmekļa lapas, lai tās atbilstu 23 no 34 Yahoo komandas izstrādātajiem veiktspējas noteikumiem. Tas ir ārkārtīgi noderīgs rīks analizēt tīmekļa lapas, kas arī iesaka veidus, kā optimizēt to veiktspēju.

05. Tīmekļa izstrādātājs

Chrome Web Developer paplašinājums nodrošina izstrādātājiem vairākus noderīgus rīkus.

Ja esat tīmekļa izstrādātājs, varat sev uzdot jautājumu: kā jūs līdz šim iztikāt bez šī paplašinājuma. Tajā ir pievienota rīkjoslas poga, kas pārlūkam Chrome nodrošina piekļuvi daudziem noderīgiem rīkiem tīmekļa izstrādātājiem.

Šis oficiālā versija Web Developer paplašinājums, kas izstrādāts pārlūkprogrammai Firefox.

06. Web Developer kontrolsaraksts

Tas novērš veiktspējas problēmas šajā parocīgajā Chrome rīkā.

Šis rīks ļauj pārbaudīt visu: vai jūsu lapas ir SEO draudzīgas, lietojamību, kā arī to redzamību un veiktspēju (lapas ielādes ātrumu).

Tātad, ja, piemēram, jums trūkst H1 taga vai ja lapai trūkst meta virsraksta vai meta apraksta, Web Developer kontrolsaraksta paplašinājums jūs par to informē.

Lai jūs varētu ātri atrisināt šo problēmu. Ja noklikšķināsiet uz saites " vairāk informācijas un palīdzības» paplašinājuma apakšā atradīsit detalizētāku sarakstu.

07. DevTools automātiskā saglabāšana

Automātiski saglabā izmaiņas lapas avota failos (CSS un JS).

DevTools Autosave, kas ir īsts dārgums visiem izstrādātājiem, ļauj automātiski saglabāt visas izmaiņas, kas veiktas lapas CSS un JS avota failos, izmantojot Chrome Dev Tools vidi. Paplašinājumu ir viegli iestatīt un lietot, un tas ietaupīs daudz laika.

08. Instant Wireframe

Ļauj skatīt karkasa tīmekļa lapas.

Pievienojiet jebkuras tīmekļa lapas karkasa skatu tikai ar vienu klikšķi. Šis Google Chrome paplašinājums palīdz tīmekļa izstrādātājiem un dizaineriem skatīt lokālas vai tīmeklī publicētas tīmekļa lapas ar karkasa pārklājumu.

09. Ripple emulators

Ripple Emulator palīdz veikt tīmekļa lapu atkļūdošanu, DOM pārbaudi un automatizētu testēšanu.

Ripple Emulator ir vairāku platformu mobilās vides emulators, kas palīdzēs pārbaudīt tīmekļa lietojumprogrammu dažādas ierīces un ekrāna izšķirtspējas.

Ripple Emulator paplašinājumu var izmantot kopā ar esošajiem izstrādes rīkiem atkļūdošanai, DOM pārbaudei un automatizētai testēšanai.

10. Svītra

E-pasta sarunu izsekošana vienā biļetē, uzdevumu piešķiršana.

Streak ir galvenais CRM un atbalsta rīks E-pasts gmail.

Paplašinājums ļauj apvienot visas jūsu e-pasta kastes vienā vai organizēt ziņojumu apmaiņas izsekošanu vienā biļetē, piešķirt uzdevumus, lai jūs personīgi pārvaldītu saziņas procesu ar saviem darījumu partneriem vai piešķirtu piekļuvi citiem.

11. Meklēt Stackoverflow

Saņemiet ātras atbildes uz saviem jautājumiem, izmantojot šo obligāto paplašinājumu.

Ja esat tīmekļa izstrādātājs, noteikti esat dzirdējuši par Stack Overflow — vietu, kur daudzi izstrādātāji dodas ar dažādiem jautājumiem, kas saistīti ar tīmekļa projektu izstrādi. Ja nē, tad tev viņš noteikti ir jāiepazīst. Tā ir patiesi attīstīta kopiena, kas aptver plašu priekšmetu klāstu, sākot no C# un Java līdz PHP un JQuery.

Šis fantastiskais paplašinājums pievieno meklēšanas lodziņu tieši jūsu pārlūkprogrammai un ļauj piekļūt milzīgajiem Stack Overflow resursiem. Obligāts pagarinājums!

12. PHP Ninja rokasgrāmata

Visa PHP 5.5 dokumentācija jūsu pārlūkprogrammā.

Ir patiešām grūti atcerēties katru funkciju, tāpēc, ja esat pavadījis daudzas stundas, meklējot Google konkrētas PHP funkcijas, šis paplašinājums noteikti piesaistīs jūsu uzmanību. PHP Ninja rokasgrāmata nodrošina

Iegūstiet visu PHP 5.5 dokumentāciju ar konkrēti piemēri astoņās valodās jūsu pārlūkprogrammā.

13. Perfect Pixel

Šis paplašinājums palīdzēs nodrošināt, ka katrs jūsu vietnes pikselis atbilst dizainam.

Dizaineri ienīst situācijas, kad viņi rada pārsteidzošu dizainu, taču rezultātā pēc tā pārtulkošanas kodā kaut kas neatbilst oriģinālajam dizainam. Perfect Pixel procesors patiešām ir ideāls paplašinājums tīmekļa izstrādātājiem, kuri vēlas izveidot vietnes, kas precīzi atbilst dizainam.

Šis ērti lietojamais paplašinājums ļauj ievietot caurspīdīgu attēla pārklājumu tīmekļa lapas augšpusē un veikt atbilstības pārbaudi katram pikselim, lai pārliecinātos, ka tas atbilst 100 procentiem.

14. Code Cola

Ļauj rediģēt tīmekļa lapas CSS vietā.

Šis rīks ne tikai ļaus skatīt avota kodu, pie kura strādājat, bet arī var darboties kā CSS redaktors. Tas nozīmē, ka varat rediģēt savu tīmekļa lapu CSS stilu uz vietas un nekavējoties redzēt izmaiņu rezultātu.

15. Chrome Sniffer

Tīmekļa lietojumprogrammu un JavaScript bibliotēku pārbaude.

Šis paplašinājums ļaus tīmekļa izstrādātājiem pārbaudīt un definēt tīmekļa lietojumprogrammas un JavaScript bibliotēkas, kas saistītas ar konkrētu projektu. Paplašinājums darbojas pēc iespējas vienkāršāk: adreses joslā parādās ikona, kas norāda izmantotās sistēmas vai CMS versiju.

16.User Agent Switcher

Pārbaudiet, kā jūsu vietne izskatās dažādās ierīcēs.

Lielisks rīks, lai redzētu, kā vietne izskatās dažādi veidi ierīces, piemēram, iPad, iPhone vai Android ierīces. Tas var arī būt ļoti noderīgi, lai redzētu jūsu vietni tā, kā to redz meklētājprogrammas.

Neatkarīgi no tā, ko esat dzirdējis par Google Chrome, kad mēs runājam Runājot par tīmekļa dizainu un izstrādi, Firefox joprojām ir labākā tīmekļa pārlūkprogramma, ko varat atrast ar draudzīgu izstrādes vidi.

Velns, Firefox pat ir īpaša pārlūkprogrammas versija, kas paredzēta tikai tīmekļa izstrādātājiem. Tas ir tas, cik ļoti Mozilla rūpējas par tīmekļa dizaineriem un izstrādātājiem.

Firefox ir arī milzīga paplašinājumu kolekcija, kas padara pārlūkprogrammu jaudīgāku, lai nodrošinātu maksimālu efektu. Šeit ir daži no labākajiem Firefox paplašinājumiem, kurus varat izmantot, lai atvieglotu tīmekļa izstrādes darbu.

Instalējiet, pārbaudiet un izmantojiet lielāko daļu šo paplašinājumu. Galu galā tos visus var izmantot bez maksas!

Ko tas dara: pārbauda tīmekļa lapas

Firebug ir paplašinājums, bez kura tīmekļa dizaineri un izstrādātāji vienkārši nevar dzīvot. Šis paplašinājums ir līdzīgs integrētās izstrādātāja konsoles uzlabotajai versijai, kas tiek piegādāta kopā ar Firefox. Firebug ļauj daudz vienkāršāk pārbaudīt tīmekļa lapu elementus un parādīt, kā lietas darbojas dažādās vietnēs.

Piemērots: tīmekļa izstrādātājiem
Ko tas dara: Firefox klients

FireFTP ir Firefox FTP/SFTP klients, kas ļauj droši augšupielādēt un pārsūtīt failus starp datoru un serveri tieši no pārlūkprogrammas. Izmantojot šo papildinājumu, jums vairs nekad nebūs jālēkā uz priekšu un atpakaļ starp pārlūkprogrammu un FTP klienta lietojumprogrammām.

Vislabāk piemērots: tīmekļa izstrādātājiem un dizaineriem
Ko tas dara: tīmekļa lapu analīze un validācija

Šis ir sava veida "viss vienā" paplašinājums, kas pārlūkprogrammai Firefox pievieno vairākus noderīgus rīkus. Daži no šajā papildinājumā iekļautajiem rīkiem ir CSS stilu lapu parādīšana un rediģēšana, stilu atspējošana, atkļūdošanas rīki utt.

Ko tas dara: krāsu analīzes rīks

ColorZilla ir lielisks rīks, kas priekšgala tīmekļa dizaineriem būs diezgan noderīgs. Šim papildinājumam ir pilinātājs, lai ātri izvēlētos krāsu tīmekļa lapā, CSS gradientu ģenerators, krāsu analizators, krāsu paletes un daudz kas cits.

Piemērots: tīmekļa izstrādātājiem
Ko tas dara: pārveido vietnes ar pielāgotu kodu

Greasemonkey, kuru mīl vairāk nekā miljons Firefox lietotāju, ir paplašinājums, kas sagādās jums nebeidzamu jautrību. Šis papildinājums ļauj pielāgot populāras vietnes, rediģējot tās ar savu JavaScript kodu. Varat arī izbaudīt citu izstrādātāju jau izveidotos skriptus.

Vispiemērotākais: saskarnes dizaineriem
Kā tas darbojas: pielāgo tīmekļa elementu nobīdi

Vienkāršs, taču noderīgs spraudnis, kas ļauj pārbaudīt tīmekļa elementus un vizuāli redzēt, cik pikseļu elementos ir izslēgts, izveidojot kompozīciju ar caurspīdīgiem slāņiem. Izmantojot šo kompozīciju, varat pielāgot savu īsto tīmekļa lapu, lai tā atbilstu pārklājumam, lai iegūtu vislabāko rezultātu, bez minējumiem.

Piemēram, ja kāds no jūsu tīmekļa lapas attēliem pārklājas ar citu objektu, varat izmantot Pixel Perfect, lai noteiktu, cik pikseļu ir jāpielāgo, lai attēls nonāktu pareizajā vietā.

Piemērots: tīmekļa dizaineriem
Ko tas dara: ielādē visu no tīmekļa lapas

Šis spraudnis atbilst savam nosaukumam, ļaujot lejupielādēt jebko no tīmekļa lapas. Izmantojot šo paplašinājumu, ar vienu klikšķi varat lejupielādēt visus tīmekļa lapā esošos attēlus, saites un citus datus. Papildinājumam ir arī iebūvēts lejupielādes paātrinātājs, kas četras reizes optimizē lejupielādes ātrumu.

Vispiemērotākais: saskarnes dizaineriem
Ko tas dara: pārbaudiet tīmekļa lapas pārlūkprogrammā Internet Explorer

Tici vai nē, bet ir cilvēki, kas joprojām izmanto veco Interneta versijas Explorer, lai piekļūtu internetam. Viena no problēmām, ar ko tīmekļa dizaineri joprojām cīnās, ir nodrošināt vietņu veiksmīgu darbību šajās vecajās pārlūkprogrammās. Šis spraudnis vienkāršo tīmekļa dizaina pielāgošanu vecākām pārlūkprogrammām Internet Explorer, izveidojot jaunu cilni IE.

Vislabāk piemērots: tīmekļa dizaineriem un izstrādātājiem
Ko tas dara: parāda par vietnē izmantoto tehnoloģiju

Vai vēlaties uzzināt, kādas tehnoloģijas tika izmantotas jūsu iecienītāko vietņu izveidei? Tad šis papildinājums ir paredzēts jums. BuiltWith ir paplašinājums, kas ļauj pārmeklēt vietnes, lai noskaidrotu, kādas tehnoloģijas lapā tiek izmantotas. Lielisks rīks visiem iesācējiem tīmekļa dizaineriem, lai mācītos no gatavām vietnēm.

Piemērots: tīmekļa izstrādātājiem
Ko tas dara: ieslēdz vai izslēdz Java

Šis papildinājums ļauj viegli iespējot vai atspējot Java pārlūkprogrammā. Tas var arī atspējot Javascript, sīkfailus, animētus attēlus, Flash un daudz ko citu tīmekļa lapā. Šis ir noderīgs spraudnis ne tikai izstrādātājiem, bet arī vispārējiem lietotājiem, lai uzlabotu pārlūkprogrammas drošību un samazinātu joslas platumu.

Vispiemērotākais: saskarnes dizaineriem
Ko tas dara: mēra elementus pikseļos

Šī papildinājuma funkcija ir vienkārša, tā ļauj uzzīmēt virtuālu lineālu tīmekļa lapas augšpusē vai elementu lapā, lai izmērītu elementa platumu, augstumu vai pikseļu izlīdzinājumu tīmekļa lapā. MeasureTas būs noderīgs lielākajai daļai interfeisa izstrādātāju, lai izveidotu izkārtojumus.

Piemērots: tīmekļa dizaineriem
Ko tas dara: pārslēdz valodu pārlūkprogrammā

Šis ir noderīgs rīks, kas nekavējoties pārtulko jūsu Firefox citā valodā. Viss jūsu pārlūkprogrammā, tostarp lietotāja interfeiss, pareizrakstības vārdnīca un vietnes saturs tiks tulkoti jūsu izvēlētajā valodā. Lieliska funkcija, ko varat izmantot, izstrādājot daudzvalodu vietnes.

Vispiemērotākais: saskarnes dizaineriem
Ko tas dara: ģenerē fiktīvu tekstu

Manekena teksta izveide jūsu jaunajiem vietņu izkārtojumiem un prototipiem ir garlaicīgs uzdevums, kas, visticamāk, neizklaidēs pat vienu dizaineru. Šis paplašinājums padarīs procesu mazāk garlaicīgu, ļaujot izveidot fiktīvu tekstu “Lorem Ipsum” tieši no Firefox.

Piemērots: tīmekļa izstrādātājiem
Ko tas dara: rediģē un izveido sīkfailus

Šis papildinājums ne tikai pārvalda jūsu vietnes sīkfailus, bet arī atvieglo rediģēšanu un jaunu sīkfailu izveidi. Dažas spraudņa funkcijas ietver iekļautu priekšskatījumu cepumi, iespēja mainīt domēnu, iespēja rediģēt vairākus sīkfailus vienlaikus un daudz ko citu.

Vispiemērotākais: saskarnes dizaineriem
Ko tas dara: atlasa krāsas tīmekļa lapā

Viegli lietojams rīks, kas ļauj atlasīt jebkura tīmekļa lapas pikseļa krāsas un viegli kopēt RGB vai Hex krāsu kodu, lai to izmantotu savos projektos. Šī rīka skaistums un vizuālais interfeiss ļauj iesācējiem daudz vieglāk apgūt krāsas tīmekļa lapās.

Vislabāk piemērots: tīmekļa dizaineriem un izstrādātājiem
Ko tas dara: sniedz informāciju par vietnē izmantoto programmatūru

Līdzīgi kā BuiltWith papildinājums, Wappalyzer ir vēl viens noderīgs paplašinājums, kas ļauj uzzināt, kurš programmatūra izmantots vietnē. Piemēram, varat uzzināt, kāda veida CMS vietne izmanto, kādu operētājsistēmu vietnes serveris atbalsta un daudz ko citu.

Piemērots: tīmekļa izstrādātājiem
Ko tas dara: maina pārlūkprogrammas lietotāja aģentu

Vai vēlaties uzzināt, kā jūsu vietne izskatīsies dažādās platformās un operētājsistēmās? Tad šis ir rīks, kas tev noteikti noderēs. User-Agent Switcher ļauj pārslēgties starp dažādām platformām, piemēram, Android, Mac, Windows un atlasītām operētājsistēmām, lai mainītu pārlūkprogrammas lietotāja aģentu.

Vislabāk piemērots: tīmekļa dizaineriem un izstrādātājiem
Ko tas dara: parāda pārlūkprogrammas atmiņas cilnes izmantošanas piemēru

Šis ir ērts papildinājums, kas palīdzēs noteikt, cik daudz datora resursu izmanto katra atvērtā Firefox cilne. Varat izmantot šo rīku, lai uzzinātu, cik daudz resursu jūsu vietne izmanto, un optimizētu vietni, lai nodrošinātu maksimālu veiktspēju.

Vispiemērotākais: tīmekļa un grafiskajiem dizaineriem
Ko tas dara: atver attēlus programmā Photoshop

Šis papildinājums dara to, ko saka tā nosaukums, tikai ar vienu klikšķi tiek atvērti attēli, ko atrodat tīmekļa lapā Photoshop. Nav nepieciešams augšupielādēt attēlu vai palaist Photoshop, paplašinājums darīs visu, kas nepieciešams.

Vispiemērotākais: saskarnes dizaineriem
Ko tas dara: uzlabo HTML tabulas

Grafiki, statistika, salīdzinājumi, tabulas — šis papildinājums var paveikt visu. Varat izmantot šo rīku, lai izveidotu ērtas un skaistas HTML tabulas un diagrammas.

Piemērots: tīmekļa izstrādātājiem
Ko tas dara: SSH klients pārlūkprogrammai Firefox

Parasti, lai palaistu SSH termināli, ir jāinstalē lietojumprogramma. Šīs lietojumprogrammas ir atšķirīgas operētājsistēma no cita. Tomēr FireSSH darbojas visās platformās, ja vien jums ir Firefox. Paplašinājums ļauj palaist SSH termināli tieši no pārlūkprogrammas.

Vispiemērotākais: saskarnes dizaineriem
Ko tas dara: automātiski atjaunina tīmekļa lapas

Viena no kaitinošajām lietām, ar ko saskaras tīmekļa dizaineri, izstrādājot vietnes, ir manuāli jāatjaunina tīmekļa lapa pēc katrām mazākajām koda izmaiņām. Automātiskā atsvaidzināšana ir paplašinājums, kas novērš šo problēmu, ļaujot automātiski atsvaidzināt vienu vai vairākas cilnes pārlūkprogrammā Firefox ar jūsu noteiktajiem intervāliem.

Vispiemērotākais: saskarnes dizaineriem
Ko tas dara: mainiet Firefox logu izmērus noteiktām ekrāna izšķirtspējām

Šis papildinājums ļauj mainīt Firefox loga izmērus noteiktā izšķirtspējā, lai redzētu, kā jūsu vietne izskatās dažādos ekrānos. Lai šis paplašinājums darbotos pareizi, jums būs jāinstalē Firefox pievienojumprogrammu josla.

Vislabāk piemērots: tīmekļa dizaineriem un izstrādātājiem
Ko tas dara: atrod informāciju par lapas un tās elementu fontiem

Font Finder ir ērts rīks, kas ļauj izpētīt vietnes elementus, lai to noskaidrotu svarīga informācija par lapā izmantotajiem fontiem, piemēram, fontu saimes nosaukumu, fontu krāsu, rindstarpu, dekoru u.c.

Vispiemērotākais: saskarnes dizaineriem
Ko tas dara: pārbauda tīmekļa lapas dažādās pārlūkprogrammās

Šī papildinājuma funkcija ir vienkārša. Tas ļauj uzreiz ar vienu klikšķi atvērt jebkuru tīmekļa lapu, kuru skatāt pārlūkprogrammā Firefox, izmantojot citu pārlūkprogrammu. Nav nepieciešams kopēt vietrāžus URL, atvērt katru pārlūkprogrammu pa vienam un ielīmēt vietrāžus URL, lai atvērtu vietni.

Vislabāk piemērots: tīmekļa dizaineriem un izstrādātājiem
Ko tas dara: notīra pārlūkprogrammas kešatmiņu

Šis papildinājums uzreiz notīra kešatmiņu Firefox pārlūks(RAM un DISK), lai samazinātu datora resursu izmantošanu. Paplašinājums ļauj notīrīt kešatmiņu, vienkārši noklikšķinot uz pogas vai nospiežot tastatūras taustiņu F9. Ja vēlaties ātri pārskatīt tīmekļa lapā veiktās izmaiņas, šis papildinājums izrādīsies ļoti noderīgs.

Pieaugot pārlūkprogrammas Google Chrome popularitātei, tiek parādīti paplašinājumi, kas ietaupa tīmekļa izstrādātāju laiku, sniedzot viņiem iespēju izsekot kļūdām un vietnes veiktspējas problēmām.

Šeit ir daži noderīgi paplašinājumi pārlūkam Google Chrome.

Tīmekļa izstrādātāja paplašinājums

Es vēlos atzīmēt ērtāko un jaudīgāko rīku tīmekļa izstrādātājam un tīmekļa dizainerim - Tīmekļa izstrādātāja paplašinājums pārlūkam Google Chrome.

Paplašinājums tiek pievienots Google Chrome rīkjoslai pogas ar zobratu veidā un satur dažādus rīkus vietnes izstrādei un atkļūdošanai. Šī ir oficiālā populārā adaptācija, ko rakstījis tas pats izstrādātājs.

Paplašinājumam ir daudz iespēju.

Piemēram, daudziem vienkārši vajag iegūstiet elementa krāsu monitora ekrānā heksadecimālā formātā. Lai to izdarītu, spraudnim ir īpaša funkcija. Sadaļā Dažādi atlasiet Displeja krāsu atlasītājs.

Atlasot vienumu Display Color Picker , kursors kļūst par krustiņu. Tagad, noklikšķinot jebkurā ekrāna vietā pārlūkprogrammas apakšējā labajā stūrī, tiek parādīta heksadecimālā krāsa izmantošanai CSS.