Әзірлеушіге арналған Google Chrome кеңейтімінің нюанстары. Веб әзірлеуге арналған Google Chrome кеңейтімдері және т.б. Chrome браузерінің қандай нұсқалары бар?
Браузер Google Chromeдизайнерлер мен веб-әзірлеушілер үшін тамаша таңдау болып табылады. Google Chrome кеңейтімдері арқылы қосуға болады қосымша мүмкіндіктер, ол дизайнда, қателерді табуда және сайтпен басқа жұмыстарда көмектесе алады. Мұнда дизайнерлер мен әзірлеушілерге арналған ең жақсы Chrome кеңейтімдерін ұсынамыз.
3.
Ажыратымдылық сынағы- бұл кеңейтім әртүрлі экран ажыратымдылықтарындағы веб-беттерді тексеруге арналған, сонымен бірге сіз өзіңіздің ажыратымдылық параметрлерін орната аласыз. Бұл құрал сіздің дизайныңыздың әртүрлі өлшемді мониторларда қалай көрінетінін тексеру үшін өте ыңғайлы.
4.
Pendule Google Chrome кірістірілген құралдарының мүмкіндіктерін кеңейтеді. Бұл кеңейтіммен пайдаланушыларда көптеген қосымша мүмкіндіктер бар, мысалы: автоматты W3C веб-қызметтерінің көмегімен шектеуші тегтерді бағалау, бетте кескіндерді жасыру, бетте ендірілген сценарийлерді қарау және т.б.
5.
Қарапайым киімтек бір нәрсені жақсы жасайды - ол беттегі барлық CSS-ті жояды. Веб-беттің қол жетімділігін бағалаудың сүйікті әдістерінің бірі - CSS мәнерлерін жою және стильдермен және стильсіз беттердің оқылуын салыстыру. Бұл тәсіл пайдаланушы бетті тек ішінара көретін және мазмұнға қол жеткізу үшін бет тегтеріне ғана сене алатын жағдайды имитациялайды.
Бұл бағдарлама бастапқыда веб-беттерді сынау үшін жасалғанымен, оны таңдаулы стильдеріңізді «стильденбеген» көру үшін пайдалануға болады (сондықтан сіздің бастық JavaScript функциясын аяқтау қажет болғанда қарап жатқаныңызды ұстамайды).
6.
Егер сіз веб-беттің белгілі бір бөліктерін қиғыңыз келсе, Image Cropper сіздің таңдауыңыз болады. Бұл бағдарлама таяқша сияқты қарапайым және ешқандай айла жоқ. Тек кескіңіз келетін аумақты таңдаңыз, сонда қолданба оны қабылдайды. Пиксельге дейін дәлдік қажет пе? Кеңейтім кесілген фрагменттердің өлшемдері мен орнын көрсетеді, сондықтан сізге қажетті өлшемді таңдауға болады.
7.
Бұл кеңейтім минималистік және қарапайым болумен мақтанады - бұл жақсы нәрсе, өйткені Lorem Ipsum мәтіндерін жасауды қиындатуға ешқандай себеп жоқ. Lorem Ipsum генераторы презентациялар үшін веб-сайтыңызды жобалау кезінде мәтіндік жолдарды толтыруға мүмкіндік береді.
8.
Қозғалтқыштағы қателерді табу Internet Explorer Trident мүлдем қызық емес. IE қойындысын пайдалану арқылы сіз кем дегенде уақытыңызды үнемдей аласыз және рендеринг мәселелерін табу үшін Internet Explorer қолданбасын (оның бірнеше кеңейтімдері бар екенін айтпай-ақ қоясыз).
9.
jQuery Shell ашық веб-бет контекстінде JavaScript және jQuery пәрмендерін іске қосуға мүмкіндік береді. JQuery-мен үйрену және тәжірибе жасау үшін өте пайдалы кеңейтім.
10.
Бұл қолданба бір трюк шебері. Бұл бағдарлама кез келген веб-беттегі кез келген түстің Hex және RGB мәндерін жылдам алуға мүмкіндік береді. Таңдаулы веб-сайтыңыз Photoshop және оның тамшуыр құралын қолданбай-ақ қандай түстерді пайдаланатынын анықтау қажет болса, бұл мүмкіндік пайдалы болуы мүмкін.
11.
Функцияны пайдалану WebEdit, кез келген бетті өңдеуге болады (бірақ өзгертулеріңіз, әрине, сақталмайды). Олай болса, бұл сізге не үшін керек? Міне, себебі: егер сіз веб-сайт жасап жатсаңыз және негізгі кодты өзгертусіз элементтермен ойнағыңыз келсе, бұл қолданба өте ыңғайлы болады.
12.
Белгілі бір веб-сайт қандай технологияларды, фреймворктарды және ашық бастапқы қолданбаларды қолданатыны туралы ойландыңыз ба? Тәжірибелі әзірлеушілер оқу арқылы бұл сұрақтарға жауап бере алады көзі, бірақ жылдам әрі оңай жауап алғыңыз келсе, Chrome Sniffer қолданбасын пайдаланып көріңіз. Chrome Sniffer веб-сайт пайдаланатын барлық белгілі JavaScript құрылымдарының/кітапханаларының (jQuery, MooTools, т.б.) және CMS (Drupal, WordPress, т.б.) тізімін береді.
13.
Көз тамшыларыкез келген веб-беттегі түсті анықтауға мүмкіндік беретін Google Chrome кеңейтімі болып табылады. Сонымен қатар, бағдарлама түсті «дөңгелекті» және түс үлгілерін береді (оларды кез келгеннен табуға болады графикалық бағдарлама), осылайша сіз дұрыс түстерді алу үшін тәжірибе жасап, түстерді басқара аласыз.
15.
Жақсы таңбалауы бар жақсы құрастырылған веб-бет, сайып келгенде, іздеу жүйесінің әсерлі нәтижелеріне әкеледі. Дегенмен, егер сіз өзіңіздің веб-сайтыңызды белгілі іздеу жүйесін оңтайландыру параметрлері тұрғысынан бағалағыңыз келсе, SEO сайтының құралдарын қолданып көріңіз, ол сізге SEO бағалауы үшін пайдалы құралдар мен функциялардың кең ауқымын ұсынатын кеңейтім. Ол парақта және одан тыс көптеген параметрлерді оқи алады, әлеуметтік желілерден ақпарат ала алады және т.б.
Пайдаланушылардың әртүрлі санаттары үшін жасалған бірнеше нұсқалар бар. Олардың бірі деп аталады Google Chrome Developer Edition. Бұл нұсқа дегеніміз не және ол не үшін қажет? Бұл туралы және талқыланатын боладыосы материалда.
Айта кету керек, Chrome балама құрылымдары бұрыннан бар. Олар осы танымал браузерді іске қосу нұсқасынан бастап сүйемелдейді. Бірақ барлық пайдаланушылар балама опциялар үшін қолайлы емес.
Шындығында, Chrome «басқа» құрастырулары белгілі бір саладағы мамандарға арналған: макет дизайнерлері, тестерлер, әзірлеушілер және т.б. Қарапайым пайдаланушылар үшін мұндай браузерлер жұмыс істемейді. Дегенмен, біз олар туралы айтуымыз керек.
Chrome браузерінің қандай нұсқалары бар?
Шындығында, олардың саны онша көп емес. Дегенмен, олардың біреуі ғана тұрақты. Бұл тек еркін қол жетімділікте қарастырылған нәрсе. Кез келген пайдаланушы оны жүктей алады. Бірақ балама нұсқалары да бар. Оларға қысқаша шолу жасайық.
Барлығының сүйікті Google Chrome нұсқалары бар. Дегенмен, бұл тұрғыда біз әзірлеуші шығарылымына қызығушылық танытамыз. Сондықтан бәрін ескеру қажет Басты ерекшеліктертолығырақ осы нұсқаны қараңыз. Сонда ғана қорытынды жасауға болады.
Developer Edition мүмкіндіктері
Мұның басты ерекшелігі Google нұсқалары Chrome - әзірлеу құралдарының қолжетімділігі. Олар осы веб-шолғыш үшін кеңейтімдер мен плагиндерді әзірлейтіндерге пайдалы болады. Қарапайым пайдаланушы мұндай құралдарда жоғалады.
Екінші мүмкіндік - кеңейтілген консоль. Ол кодты өңдеу және қосу үшін қолданылады жасырын ерекшеліктерібраузер. Дегенмен, онымен жұмыс істей білу керек. Командадағы ең кішкентай қателік өте қайғылы салдарға әкелуі мүмкін. 
Тағы бір «трюк» - көшіп келген барлық соңғы инновациялардың болуы бұл нұсқаКанариядан. Бұл әзірлеушілерге жаңа браузер мүмкіндіктері үшін кеңейтімдерін оңтайландыруға мүмкіндік береді.
Жиі жаңартуларӘзірлеуші шығарылымының тағы бір ерекшелігі болып табылады. Олар тұрақты емес келеді, бірақ екі аптада бір реттен кешіктірмей. Кейбір жағдайларда жаңартулар екі күнде жетуі мүмкін. Бұл веб-шолғыштың жаңа мүмкіндіктерін сынайтындар үшін пайдалы.
Қорытынды
Сонымен, жоғарыда біз Google Chrome-ның қандай нұсқалары туралы айттық және әзірлеушілерге арналған жинаққа егжей-тегжейлі тоқталдық. Енді бұл нұсқа құралдар жиынтығымен және кеңейтілген консольмен ерекшеленетіні анық.
Айта кету керек, тұрақты пайдаланушылар әзірлеуші шығарылымын мүлде орнатудың қажеті жоқ. Бұдан ешқандай мағына болмайды. Сонымен қатар, бұл жинақ ерекше тұрақтылықпен ерекшеленбейді. Егер сіз әзірлеуші болмасаңыз, онда Тұрақты қолданбаны қолданған дұрыс.
Тегін кеңейтімдердің үлкен саны бар Google браузеріӨміріңізді жеңілдетуге көмектесетін Chrome. Міне, ең жақсы 20.
Бұл мақалада біз әртүрлі мақсаттарға арналған ең жақсы Google Chrome кеңейтімдерін ұсынамыз, бірақ олардың әрқайсысы сіздің жұмысыңызды жеңілдету үшін жасалған.
Firefox баптауларымен және көптеген кеңейтімдерімен бұрыннан танымал болды, бірақ Google Chrome соңғы бірнеше жылда веб-дизайнерлер мен әзірлеушілер арасында да үлкен танымалдылыққа ие болды. Мұның себептерінің бірі - оның жылдамдығы мен кіріктірілген әзірлеуші құралдары.
Енді күн сайын кеңейіп келе жатқан Chrome кеңейтімдерінің топтамасы дамып келе жатқандықтан, көптеген веб-әзірлеушілер мен дизайнерлер осы браузерді өздері үшін таңдайды.
Бұл туралы көбірек білгіңіз келе ме? Біздің тізімді тексеріңіз.
Chrome үшін 01.iMacros
Chrome үшін iMacros кеңейтімі әрекеттеріңізді жазуға және сақтауға мүмкіндік береді.
Веб-әзірлеуші ретінде сізге веб-беттерді қарап шығу қажет болуы мүмкін. Бірдей нәрселерді қайта-қайта жасау жалықтыратын процесс болуы мүмкін. iMacros — әрекеттеріңізді жазуға және сақтауға мүмкіндік беретін ыңғайлы Chrome кеңейтімі, әрекетті тек бір рет орындау керек.
Осыдан кейін сіз түймені басу арқылы қадамдарды қайталай отырып, беттеріңізді қайта-қайта тексере аласыз. Бұл құнды уақытты үнемдейді және маңыздырақ мәселелерге назар аударуға мүмкіндік береді.
02. Қаріп ойын алаңы
Font Playground белсенді веб-беттерде жергілікті қаріптермен тәжірибе жасауға мүмкіндік береді.
Әрбір дизайнер мен әзірлеуші осы кеңейтімде көптеген пайдалы нәрселерді табады. Font Playground қолданбасы белсенді веб-беттердегі жергілікті қаріптермен және барлық Google қаріптер кітапханаларымен беттерге ешқандай өзгертулер енгізбестен тәжірибе жасауға мүмкіндік береді.
Бұл кеңейтімнің артықшылығы оның барлық мүмкін болатын қаріп өлшемдерін, стильдерді және әсерлерді қамтуында. Кодқа қандай да бір нақты өзгерістер енгізбес бұрын, алдымен әртүрлі қаріп опцияларын көрсеткіңіз келуі мүмкін.
03. Қандай шрифт
Олар қандай қаріпті пайдаланады? Chrome кеңейтімі қандай қаріп сізге мұны көрсете алады!
Google Chrome үшін өте пайдалы кеңейтім, What Font әзірлеушілер мен дизайнерлерге веб-бетте қандай қаріптер пайдаланылатынын анықтауға мүмкіндік береді.
Сонымен, егер сіз ғаламтордағы бір жерден фантастикалық көрінетін қаріпті кездестірсеңіз және оны болашақ жобаларыңыздың бірінде пайдаланғыңыз келсе, оның үстіне меңзерді апарыңыз, сонда сіз қаріптің не екенін бірден білесіз.
04.Баяу
YSlow сізге бетті не бәсеңдететінін айтады.
Бұл құралдың көмегімен сіз веб-беттің қаншалықты жылдам жүктелетінін тексеріп қана қоймай, ол сізге бірдеңе жүктеуді баяулатып жатқанын, егер солай болса, нақты нені көрсетеді.
YSlow веб-беттерді Yahoo командасы әзірлеген 34 өнімділік ережелерінің 23-іне сәйкес тексереді. Өте керемет пайдалы құралвеб-беттерді талдау, бұл сонымен қатар олардың жұмысын оңтайландыру жолдарын ұсынады.
05. Веб-әзірлеуші
Chrome Web Developer кеңейтімі әзірлеушілер үшін бірқатар пайдалы құралдарды ұсынады.
Егер сіз веб-әзірлеуші болсаңыз, өзіңізге сұрақ қоюыңыз мүмкін: осы уақытқа дейін бұл кеңейтімсіз қалай араластыңыз? Ол Chrome веб-әзірлеушілерге арналған көптеген пайдалы құралдарға кіруге мүмкіндік беретін құралдар тақтасының түймешігін қосады.
Бұл ресми нұсқасы Firefox үшін әзірленген веб-әзірлеуші кеңейтімі.
06. Web Developer бақылау тізімі
Ол осы ыңғайлы Chrome құралындағы өнімділік мәселелерін түзетеді.
Бұл құрал бәрін тексеруге мүмкіндік береді: сіздің беттеріңіз SEO-ға қолайлы ма, ыңғайлы ма, сондай-ақ олардың көрінуі мен өнімділігі (бетті жүктеу жылдамдығы).
Мысалы, егер сіз H1 тегін жіберіп алсаңыз немесе бетте мета тақырыбы немесе мета сипаттамасы жоқ болса, Web Developer тексеру тізімінің кеңейтімі сізге бұл туралы хабарлайды.
Бұл мәселені тез шешу үшін. Сілтемені бассаңыз " қосымша ақпарат және көмек» кеңейтімінің төменгі жағында толығырақ тізімді табасыз.
07. DevTools автосақтауы
Беттің бастапқы файлдарына (CSS және JS) өзгертулерді автоматты түрде сақтайды.
Барлық әзірлеушілер үшін нағыз қазына, DevTools Autosave Chrome Dev Tools ортасы арқылы беттің CSS және JS бастапқы файлдарына жасалған кез келген өзгерістерді автоматты түрде сақтауға мүмкіндік береді. Кеңейтімді орнату және пайдалану оңай және сізге көп уақытты үнемдейді.
08. Instant Wireframe
Wireframe веб-беттерін көруге мүмкіндік береді.
Кез келген веб-беттің сымдық көрінісін бір рет басу арқылы қосыңыз. Google Chrome-ға арналған бұл кеңейтім веб-әзірлеушілер мен дизайнерлерге жергілікті немесе интернетте жарияланған веб-беттерді сымды жабын қабатымен көруге көмектеседі.
09. Ripple эмуляторы
Ripple эмуляторы веб-беттерді жөндеуге, DOM тексеруіне және автоматтандырылған тестілеуге көмектеседі.
Ripple Emulator – бұл веб-қосымшаны сынауға көмектесетін көп платформалы мобильді орта эмуляторы әртүрлі құрылғыларжәне экран ажыратымдылығы.
Ripple Emulator кеңейтімін жөндеу, DOM тексеру және автоматтандырылған тестілеу үшін бар әзірлеу құралдарымен бірге пайдалануға болады.
10. Стрейк
Бір билетте электрондық пошта сөйлесулерін қадағалау, тапсырмаларды тағайындау.
Streak - негізгі CRM және қолдау құралы Электрондық пошта gmail.
Кеңейтім барлық электрондық пошта жәшіктерін бір жерге біріктіруге немесе бір билетте хабарлама алмасуды қадағалауды ұйымдастыруға, контрагенттермен байланыс процесін жеке басқаруға немесе бұл үшін басқаларға қол жеткізуге мүмкіндік беретін тапсырмаларды тағайындауға мүмкіндік береді.
11. Stackoverflow іздеу
Осы міндетті кеңейтім арқылы сұрақтарыңызға жылдам жауап алыңыз.
Егер сіз веб-әзірлеуші болсаңыз, көптеген әзірлеушілер веб-жобаларды әзірлеуге қатысты әртүрлі сұрақтармен баратын Stack Overflow туралы естіген болуыңыз керек. Егер жоқ болса, онда сіз онымен танысуыңыз керек. Бұл C# және Java-дан PHP және JQuery-ге дейінгі тақырыптардың кең ауқымын қамтитын шын мәнінде дамыған қауымдастық.
Бұл фантастикалық кеңейтім тікелей браузерге іздеу жолағын қосады және Stack Overflow-тың кең ресурстарын пайдалануға мүмкіндік береді. Міндетті кеңейтім!
12. PHP Ninja нұсқаулығы
PHP 5.5 үшін барлық құжаттама сіздің браузеріңізде.
Әрбір функцияны есте сақтау өте қиын, сондықтан Google-да белгілі бір PHP функцияларын іздеуге көп сағат жұмсасаңыз, бұл кеңейтім сіздің назарыңызды аударады. PHP Ninja нұсқаулығы қамтамасыз етеді
PHP 5.5 үшін барлық құжаттаманы алыңыз нақты мысалдарбраузеріңізде сегіз тілде.
13. Perfect Pixel
Бұл кеңейтім сайтыңыздағы әрбір пиксельдің дизайнға сәйкес келетініне көз жеткізуге көмектеседі.
Дизайнерлер таңғажайып дизайн жасаған кездегі жағдайларды жек көреді, бірақ нәтижесінде кодқа аударылғаннан кейін бірдеңе бастапқы дизайнға сәйкес келмейді. Perfect Pixel процессоры дизайнға дәл сәйкес келетін веб-сайттарды жасағысы келетін веб-әзірлеушілер үшін шын мәнінде тамаша кеңейтім болып табылады.
Бұл пайдалану оңай кеңейтім веб-беттің жоғарғы жағына мөлдір кескін қабатын орналастыруға және оның 100 пайыз сәйкестігіне көз жеткізу үшін әрбір пикселде сәйкестікті тексеруге мүмкіндік береді.
14. Код Кола
Веб-беттің CSS-ін орнында өңдеуге мүмкіндік береді.
Бұл құрал жұмыс істеп жатқан бастапқы кодты көруге мүмкіндік беріп қана қоймайды, ол CSS редакторы ретінде де жұмыс істей алады. Бұл сіздің веб-беттеріңіздің CSS стилін сол жерде өңдеуге және өзгертулеріңіздің нәтижесін бірден көруге болатынын білдіреді.
15. Chrome Sniffer
Веб-қосымшаларды және JavaScript кітапханаларын тексеру.
Бұл кеңейтім веб-әзірлеушілерге белгілі бір жобамен байланыстырылған веб-қосымшалар мен JavaScript кітапханаларын тексеруге және анықтауға мүмкіндік береді. Кеңейтім мүмкіндігінше қарапайым жұмыс істейді: мекенжай жолағында пайдаланылған құрылымның немесе CMS нұсқасын көрсететін белгіше пайда болады.
16.User Agent Switcher
Сайтыңыз әртүрлі құрылғыларда қалай көрінетінін тексеріңіз.
Сайттың қалай көрінетінін көруге арналған тамаша құрал әртүрлі түрлері iPad, iPhone немесе Android құрылғылары сияқты құрылғылар. Бұл сіздің сайтыңызды іздеу жүйелері қалай көретінін көру тұрғысынан да өте пайдалы болуы мүмкін.
Google Chrome туралы не естігеніңізге қарамастан, қашан біз сөйлесемізвеб-дизайн және әзірлеу туралы айтатын болсақ, Firefox әлі де ыңғайлы әзірлеу ортасымен таба алатын ең жақсы веб-шолғыш болып табылады.
Шынымен, Firefox-та тек веб-әзірлеушілерге арналған браузердің арнайы нұсқасы бар. Mozilla веб-дизайнерлер мен әзірлеушілерге соншалықты қамқорлық жасайды.
Firefox-та браузерді максималды әсер ету үшін қуаттырақ ететін кеңейтімдердің үлкен жинағы бар. Міне, веб-әзірлеу өміріңізді жеңілдету үшін пайдалануға болатын ең жақсы Firefox кеңейтімдерінің кейбірі.
Осы кеңейтімдердің көпшілігін орнатыңыз, сынаңыз және пайдаланыңыз. Өйткені, олардың барлығын пайдалану тегін!
- Ол не істейді: веб-беттерді тексереді
Firebug - бұл веб-дизайнерлер мен әзірлеушілер онсыз өмір сүре алмайтын кеңейтім. Бұл кеңейтім Firefox-пен бірге жеткізілетін біріктірілген әзірлеуші консолінің жетілдірілген нұсқасына ұқсас. Firebug сізге веб-беттердегі элементтерді тексеруді жеңілдетеді және әртүрлі сайттарда заттардың қалай жұмыс істейтінін көрсетеді.
- Мыналар үшін қолайлы: веб-әзірлеушілер
- Ол не істейді: Firefox клиенті
FireFTP — Firefox жүйесіне арналған FTP/SFTP клиенті, ол файлдарды компьютер мен сервер арасында тікелей браузерден қауіпсіз жүктеп салуға және тасымалдауға мүмкіндік береді. Бұл қондырманың көмегімен браузер мен FTP клиент қолданбалары арасында ешқашан алға-артқа өтудің қажеті болмайды.
- Ең жақсысы: веб-әзірлеушілер мен дизайнерлер
- Ол не істейді: веб-беттерді талдау және тексеру
Бұл Firefox-қа бірнеше пайдалы құралдар қосатын барлығы бір-бір кеңейтім түрі. Бұл қосымшаға енгізілген кейбір құралдар CSS мәнерлер кестелерін көрсету және өңдеу, мәнерлерді өшіру, жөндеу құралдары және т.б.
- Ол не істейді: түсті талдау құралы
ColorZilla - бұл веб-дизайнерлерге өте пайдалы болатын тамаша құрал. Бұл қосымшада веб-беттегі түсті жылдам таңдауға арналған тамшуыр, CSS градиент генераторы, түс анализаторы, түстер палитрасы және т.б. бар.
- Мыналар үшін қолайлы: веб-әзірлеушілер
- Бұл не істейді: веб-сайттарды пайдаланушы кодымен өзгертіңіз
Миллионнан астам Firefox қолданушылары ұнататын Greasemonkey - бұл сізге шексіз көңіл көтеруге мүмкіндік беретін кеңейтім. Бұл қондырма танымал веб-сайттарды өзіңіздің JavaScript кодыңызбен өңдеу арқылы реттеуге мүмкіндік береді. Басқа әзірлеушілер жасаған сценарийлерді де пайдалана аласыз.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: Веб элементтерінің ығысуын реттейді
Веб элементтерін тексеруге және мөлдір қабаттары бар композиция жасау арқылы элементтерде қанша пиксел өшірулі екенін көрнекі түрде көруге мүмкіндік беретін қарапайым, бірақ пайдалы плагин. Бұл композицияны пайдалана отырып, сіз өзіңіздің нақты веб-бетіңізді ешқандай болжамсыз ең жақсы нәтиже алу үшін қабаттасуға сәйкестендіруге болады.
Мысалы, веб-беттегі кескіндердің бірі басқа нысанды қабаттастырса, сол кескінді дұрыс жерде алу үшін қанша пикселді реттеу қажет екенін анықтау үшін Pixel Perfect қолданбасын пайдалануға болады.
- Қолайлы: веб-дизайнерлер
- Ол не істейді: веб-беттен барлығын жүктейді
Бұл плагин веб-беттен кез келген нәрсені жүктеп алуға мүмкіндік беру арқылы өз атауына сәйкес келеді. Бір рет басу арқылы сіз осы кеңейтімді пайдаланып веб-беттегі барлық суреттерді, сілтемелерді және басқа деректерді жүктей аласыз. Қосымшада жүктеу жылдамдығын төрт есе оңтайландыратын кірістірілген жүктеу үдеткіші бар.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: Internet Explorer браузерінде веб-беттерді тексеріңіз
Сенсеңіз де, сенбесеңіз де, ескіні әлі де қолданатындар бар Интернет нұсқаларыИнтернетке кіру үшін Explorer. Веб-сайттардың осы ескі браузерлерде жақсы жұмыс істеуін қамтамасыз ету - веб-дизайнерлер әлі де күресетін мәселелердің бірі. Бұл плагин IE жүйесінде жаңа қойынды жасау арқылы ескі Internet Explorer браузерлері үшін веб-дизайнды теңшеуді жеңілдетеді.
- Ең жақсысы: веб-дизайнерлер мен әзірлеушілер
- Ол не істейді: веб-сайтта қолданылатын технология туралы көрсетеді
Таңдаулы веб-сайттарыңызды құру үшін қандай технологиялар қолданылғаны қызықтырады ма? Онда бұл қосымша сізге арналған. BuiltWith - бұл бетте қандай технологиялар қолданылып жатқанын табу үшін веб-сайттарды тексеруге мүмкіндік беретін кеңейтім. Барлық бастаушы веб-дизайнерлерге дайын веб-сайттардан үйренуге арналған тамаша құрал.
- Мыналар үшін қолайлы: веб-әзірлеушілер
- Ол не істейді: Java қосады немесе өшіреді
Бұл қосымша браузерде Java-ны оңай қосуға немесе өшіруге мүмкіндік береді. Ол сондай-ақ веб-беттегі Javascript, cookie файлдары, анимациялық кескіндер, Flash және т.б. өшіре алады. Бұл браузер қауіпсіздігін жақсарту және өткізу қабілеттілігін азайту үшін әзірлеушілер үшін ғана емес, жалпы пайдаланушылар үшін де пайдалы плагин.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: Элементтерді пикселдермен өлшейді
Бұл қосымшаның қызметі қарапайым, ол веб-беттің жоғарғы жағына виртуалды сызғышты немесе веб-беттегі элементтің енін, биіктігін немесе пиксельді туралауын өлшеу үшін беттегі элементті салуға мүмкіндік береді. MeasureIt макеттер жасау үшін интерфейс жасаушылардың көпшілігіне пайдалы болады.
- Қолайлы: веб-дизайнерлер
- Ол не істейді: Браузердегі тілді ауыстырады
Бұл Firefox-ты басқа тілге бірден аударатын пайдалы құрал. Браузердегі барлығы, соның ішінде пайдаланушы интерфейсі, емле сөздігі мен веб-сайт мазмұны сіз таңдаған тілге аударылады. Көптілді веб-сайттарды жасау кезінде пайдалануға болатын тамаша мүмкіндік.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: жалған мәтін жасайды
Веб-сайтыңыздың жаңа макеттері мен прототиптері үшін жалған мәтін жасау - бұл тіпті бір дизайнердің көңілін қалдыруы екіталай қызықсыз тапсырма. Бұл кеңейтім тікелей Firefox-тан жалған "Lorem Ipsum" мәтінін жасауға мүмкіндік беру арқылы процесті қызықсыз етеді.
- Мыналар үшін қолайлы: веб-әзірлеушілер
- Ол не істейді: cookie файлдарын өңдейді және жасайды
Бұл қондырма сайтыңыздың cookie файлдарын басқарып қана қоймайды, сонымен қатар өңдеуді және жаңа cookie файлдарын жасауды жеңілдетеді. Плагиннің кейбір мүмкіндіктері кірістірілген алдын ала қарауды қамтиды печенье, доменді өзгерту мүмкіндігі, бір уақытта бірнеше cookie файлдарын өңдеу мүмкіндігі және т.б.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: веб-беттегі түстерді таңдайды
Веб-беттегі кез келген пикселдің түстерін таңдауға және RGB немесе Hex түс кодын оңай көшіріп, өз жобаларыңызда пайдалануға мүмкіндік беретін пайдалану оңай құрал. Бұл құралдың әдемілігі мен көрнекі интерфейсі жаңадан бастаушыларға веб-беттердегі түстерді үйренуді айтарлықтай жеңілдетеді.
- Ең жақсысы: веб-дизайнерлер мен әзірлеушілер
- Ол не істейді: веб-сайт пайдаланатын бағдарламалық құрал туралы ақпарат береді
BuiltWith қондырмасына ұқсас, Wappalyzer - бұл қайсысы екенін білуге мүмкіндік беретін тағы бір пайдалы кеңейтім. бағдарламалық қамтамасыз етусайтында қолданылады. Мысалы, сайт қандай CMS түрін қолданатынын, веб-сайт сервері қандай операциялық жүйені қолдайтынын және т.б. білуге болады.
- Мыналар үшін қолайлы: веб-әзірлеушілер
- Ол не істейді: браузердің пайдаланушы агентін өзгертеді
Сіздің сайтыңыз әртүрлі платформалар мен операциялық жүйелерде қалай көрінетінін білгіңіз келе ме? Сонда бұл сізге міндетті түрде көмектесетін құрал. User-Agent Switcher Android, Mac, Windows сияқты әртүрлі платформалар арасында ауысуға және браузердің пайдаланушы агентін өзгерту үшін операциялық жүйелерді таңдауға мүмкіндік береді.
- Ең жақсысы: веб-дизайнерлер мен әзірлеушілер
- Ол не істейді: шолғыш жады қойындысын пайдалану мысалын көрсетеді
Бұл Firefox-тағы әрбір ашық қойындыда компьютер ресурстарының қаншалықты пайдаланылатынын анықтауға көмектесетін ыңғайлы қондырма. Бұл құралды сайтыңыздың қанша ресурстар пайдаланатынын білу және сайтыңызды максималды өнімділікке оңтайландыру үшін пайдалана аласыз.
- Ең жақсысы: веб және графикалық дизайнерлер
- Ол не істейді: Photoshop бағдарламасында кескіндерді ашады
Бұл қондырма аты айтқандай жасайды, бір рет басу веб-беттен табатын суреттерді ашады Photoshop. Кескінді жүктеп салудың немесе Photoshop-ты іске қосудың қажеті жоқ, кеңейтім не қажет болса да жасайды.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: HTML кестелерін жақсартады
Графиктер, статистика, салыстырулар, кестелер - бұл қондырма бәрін жасай алады. Сіз бұл құралды ыңғайлы және әдемі HTML кестелері мен диаграммаларын жасау үшін пайдалана аласыз.
- Мыналар үшін қолайлы: веб-әзірлеушілер
- Ол не істейді: Firefox үшін SSH клиенті
Әдетте, SSH терминалын іске қосу үшін қолданбаны орнату қажет. Бұл қолданбалар әртүрлі операциялық жүйебасқасынан. FireSSH, дегенмен, сізде Firefox болған кезде барлық платформаларда жұмыс істейді. Кеңейтім SSH терминалын тікелей браузерден іске қосуға мүмкіндік береді.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: веб-беттерді автоматты түрде жаңартады
Веб-дизайнерлер веб-сайттарды жасау кезінде кездесетін тітіркендіргіш нәрселердің бірі - кодты әрбір аздаған өзгертуден кейін веб-бетті қолмен жаңарту. Автоматты жаңарту — Firefox бағдарламасында сіз анықтаған аралықтарда бір немесе бірнеше қойындыларды автоматты түрде жаңартуға мүмкіндік беру арқылы осы мәселені түзететін кеңейтім.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: арнайы экран ажыратымдылығы үшін Firefox терезелерінің өлшемін өзгертіңіз
Бұл қондырма веб-сайтыңыздың әртүрлі экрандарда қалай көрінетінін көру үшін Firefox терезесінің өлшемін белгілі бір ажыратымдылықта өзгертуге мүмкіндік береді. Бұл кеңейтім дұрыс жұмыс істеуі үшін сізге Firefox қондырма тақтасын орнату қажет.
- Ең жақсысы: веб-дизайнерлер мен әзірлеушілер
- Ол не істейді: беттің қаріптері және оның элементтері туралы ақпаратты табады
Font Finder — білу үшін веб-сайттың элементтерін зерттеуге мүмкіндік беретін ыңғайлы құрал маңызды ақпаратбетте қолданылатын қаріптер туралы, мысалы, қаріптер тобының атауы, шрифт түсі, жол аралығы, декор және т.б.
- Ең жақсысы: интерфейс дизайнерлері
- Ол не істейді: әртүрлі браузерлердегі веб-беттерді тексереді
Бұл қосымшаның қызметі қарапайым. Ол Firefox-та қарап жатқан кез келген веб-бетті бір рет басу арқылы басқа шолғышпен бірден ашуға мүмкіндік береді. Веб-сайтты ашу үшін URL мекенжайларын көшірудің, әрбір браузерді бір-бірден ашып, URL мекенжайларын қоюдың қажеті жоқ.
- Ең жақсысы: веб-дизайнерлер мен әзірлеушілер
- Ол не істейді: шолғыш кэшін тазартады
Бұл қосымша кэшті бірден тазартады Firefox шолғышы(RAM және DISK) компьютер ресурстарын пайдалануды азайту үшін. Кеңейтім жай ғана түймені басу немесе пернетақтадағы F9 пернесін басу арқылы кэшті тазалауға мүмкіндік береді. Веб-бетке енгізілген өзгерістерді жылдам қарап шығуды қаласаңыз, бұл қондырма өте пайдалы болады.
Google Chrome браузерінің танымалдылығы артып келе жатқан кезде веб-әзірлеушілерге қателерді және веб-сайт өнімділігі мәселелерін бақылау мүмкіндігін беру арқылы уақытты үнемдейтін кеңейтімдер пайда болады.
Міне, бірнешеу пайдалы кеңейтімдер Google Chrome үшін.
Веб әзірлеуші кеңейтімі
Мен веб-әзірлеуші мен веб-дизайнер үшін ең ыңғайлы және қуатты құралды атап өткім келеді - Google Chrome үшін веб-әзірлеуші кеңейтімі.
Кеңейтім Google Chrome құралдар тақтасына редукторы бар түйме түрінде қосылған және веб-сайтты әзірлеуге және жөндеуге арналған әртүрлі құралдарды қамтиды. Бұл сол әзірлеуші жазған танымалның ресми бейімделуі.
Кеңейтімде көптеген опциялар бар.
Мысалы, көп адамға қажет элементтің түсін алумонитор экранында он алтылық форматта. Мұны істеу үшін плагин бар арнайы функция. «Әртүрлі» бөлімінде Түс таңдау құралын көрсету опциясын таңдаңыз.
Элементті таңдау Түс таңдау құралын көрсету , курсор крестке айналады. Енді браузердің төменгі оң жақ бұрышындағы экранның кез келген жерін басу CSS-те пайдалану үшін он алтылық түсті көрсетеді.
