Почетна » Веб дизајн » 15 Графичка наредбена линија (ГЦЛИ) Наредбе у Фирефоку за Фронт-Енд програмере

    15 Графичка наредбена линија (ГЦЛИ) Наредбе у Фирефоку за Фронт-Енд програмере

    Без обзира колико фанци дугмади и менија имамо, увек постоје програмери који цене приступ командној линији у њиховом радном окружењу, посебно када је у питању елиминише лов на десно дугме или мени која приказује потребну поставку у нашој линији вида.

    Фирефок је имао Графички преводилац командне линије, или укратко а ГЦЛИ неко време, и проширио је своју команду током времена. ГЦЛИ команде дају програмерима а брзи приступ алатима за развој и конфигурацију. Такође има и функција аутоматског довршавања; ако притиснете Таб док куцате било коју команду, уносе се наредбе које предлаже ГЦЛИ.

    Тоолбар

    Фирефок'с ГЦЛИ је такође познат као Девелопер Тоолбар. Постоје три начина да бисте га отворили:

    1. Притисните Схифт + Ф2 тастерску пречицу.
    2. Кликните “Отворите мени” (хамбургер) на десној страни адресне траке (десно до дугмета Хоме), а затим кликните на Девелопер> Девелопер Тоолбар подмени.
    3. У горњој траци менија означите Алатке> Веб Девелопер> Девелопер Тоолбар опција.

    Када је алатна трака за програмере отворена, можете је видјети на дну прозора претраживача. Ако сте одлучили да радите са ГЦЛИ, Саветујем вам да га оставите отвореним све време док радите.

    Сада ћемо видјети неке корисне задатке које можете извршити у Фирефоку користећи свој ГЦЛИ.

    1. Уклоните елементе странице

    Команда: пагемод ремове елемент

    Када је потребно још једном погледати изглед веб странице са уклоњеним елементима, само упишите команду пагемод ремове елемент у командну линију Фирефок како бисте уклонили те елементе са странице.

    Вредност треба да буде важећи ЦСС селектор на страници. Рецимо, на страници коју желите да уклоните све везе (посебно) класе .бтн, наредба је написана као: пагемод ремове елемент а.бтн.

    Генерално, команду пагемод се користи за модификовање странице, или уклањањем или заменом изабраних елемената или атрибута.

    2. Измерити елементе

    Команда: мјера

    Ако желиш да познајете мерење било којег визуелног модула на веб страници, постоји алат за то. Тхе “мјера” Алат је доступан преко типичног алата за веб девелопер и ГЦЛИ.

    Откуцајте и унесите мјера команду у командну линију, а курсор ће претворите у укрштање. Мјерења ће бити приказано у пикселима поред курсора и налазе се ширина, висина и дијагонална дужина одабране области. Да бисте онемогућили алат, рерун тхе мјера команду.

    3. Брзо уређивање датотека

    Команда: Уредити

    Почетак уређивање ресурса странице са Уредити команду. Док куцате команду, видећете УРИ свих расположивих ресурса са те странице, коју можете прегледати помоћу типки са стрелицама горе и доље. Када изаберете ресурс који желите да уредите, притисните тастер Таб да бисте довршили предлог и притисните Ентер и Алат за уређивање претраживача ће се отворити са изабраном датотеком.

    4. Потражите непознате ЦСС особине

    Команда: мдн цсс

    Ова је прилично цоол наредба - то је врста попуп дицтионари за ЦСС својства. Ако наиђете на непознато својство ЦСС-а и желите да проверите шта значи за њега, покрените команду мдн цсс у ГЦЛИ са замењено стварним именом те непознате имовине.

    Појавит ће се скочни прозор са “дефиниција” за ЦСС својство десно изнад траке са алаткама. Дефиниција је извадите са службене странице Мозилла Девелопер Нетворк (МДН) дате имовине. МДН-ов глосар ЦСС својстава, ХТМЛ елемената и веб АПИ-ја су високо цитирани.

    Ако текст приказан у скочном прозору није довољан, а ви желим да знам више, можете кликнути на везу Посетите МДН Паге унутар попуп-а, и одговарајућа МДН страница за то својство ће бити отворена. Управо сада, ова наредба је доступна само за ЦСС својства.

    5. Промена величине странице

    Команда: ресизе то

    Алат за промену величине омогућава вам да видите како ваша страница изгледа промењене у специфичне димензије, које могу бити корисне када желите да прегледате изглед ваше странице на уређајима са димензијама које се разликују од оне у којој радите.

    Фирефок такође има а пречицу на тастатури да бисте отворили овај алат: Цтрл + Схифт + М (Цмд + Алт + М за Мац). Али ако већ јесте знати тачне димензије да се користи за промену величине, најбржи начин је да покренете промените величину команду са димензијама које су вам потребне.

    Димензије су интерпретирани у пикселима. Када се наредба покрене, видјет ћете страницу с промијењеном величином.

    6. Поново покрените прегледач

    Команда: поново покренути

    Ова наредба је очигледна. Да бисте поново покренули Фирефок, само откуцајте поново покренути у командну линију, и притисните Ентер - може вам бити од користи када инсталирате додатке или додатке који захтевају поновно покретање.

    7. Отворите фасциклу Фирефок профила

    Цомманд: фолдер опенпрофиле

    Сваки корисник Фирефока добија свој мапе локалног профила то чува датотеке специфичне за корисника, као што су обележивачи и /хром фолдер. Када персонализујете Фирефок, можда ћете морати да прегледате и измените садржај ове фасцикле.

    Други начин да отворите овај фолдер је да кликнете на дугме Прикажи фасциклу на абоут: суппорт страна. Покретањем команде фолдер опенпрофиле у Фирефок командној линији, видјет ћете мапу профила отворен одједном.

    8. Копирајте вредности боја

    Команда: капаљка

    Осим чињенице да подржава само хексадецимални формат, капаљка је одличан алат копирање вредности боје било које видљиве нијансе на веб страници. Унесите команду капаљка у ГЦЛИ за пребацивање оперативности алата.

    9. Тестирајте спољне библиотеке

    Команда: ињецт

    Ако желиш да тестирајте неке спољне библиотеке на вашој веб страници, уместо да роните у изворни код да бисте направили привремене додатке, само користите ињецт цомманд то уметните библиотеке. На пример, да бисте укључили само тип јКуери ињецт јКуери.

    Када извршите команду, ресурс ће бити увезене на страницу уметањем а > таг у у ХТМЛ документу.

    10. Снимите снимке екрана

    Команда: сцреенсхот

    Тхе уграђени алат за снимање екрана у Фирефоку је прилично моћан. На пример, можете да циљате појединачне елементе помоћу ЦСС селектора, користите тајмер, примените а дпр. Можете чак направити и снимак екрана само хромирани део претраживача (подручје око корисничког садржаја) помоћу сцреенсхот --цхроме команду.

    Снимци екрана се чувају у Довнлоад фолдер претраживача у ПНГ формату.

    11. Отворите владаре

    Цомманд: владари

    Још један кул алат од Фирефока који је лако доступан преко ГЦЛИ. Тхе владари команду приказује хоризонталне и вертикалне равнине око странице. Мјерења владара су у пикселима. Покрените исту команду да деактивирате равнало.

    12. Отворите конзолу и дебуггер

    Команда: конзола отворена и дбг опен

    Ако се тастатура скрати за отварање веб конзоле или алата за отклањање грешака скренули сте с ума, без бриге, само упишите једноставну команду конзола отворена или дбг опен у командну линију Фирефок да бисте отворили одговарајући алат.

    13. Одбројавање елемената странице

    Команда: кса

    Ова дивна команда из ГЦЛИ узима брзи попис елемената на веб страници одговара било ком ЦСС селектору. На пример, да бисте добили све елементе на страници, користите кса а команду.

    14. Омогућите или онемогућите додатке

    Команда: аддон лист

    Ако икада будете морали да прегледате и управљате Фирефок додацима, препоручујем вам да то урадите користите ГЦЛИ команде уместо менија Додаци зато што ГЦЛИ верзија наводи све додатке и додатке, укључујући и оне претходно инсталиране, које можда нису наведене у менију Додаци.

    Можете да промените статус додатка у ГЦЛИ са командом додати на слиједи и одговарајућа под-заповједништво енабле или онемогући.

    На демо испод можете видјети како брзо онемогућити Поцкет ин Фирефок.

    15. Управљање поставкама

    Команда: преф схов

    Има тона подешавања за прилагођавање корисници могу приступити преко Фирефок-а абоут: цонфиг страна. Иста подешавања се могу прегледати и модификовати користећи ГЦЛИ.

    Коришћење ГЦЛИ за приступ подешавањима прилагођавања је брже опције ако већ знате коју конфигурацију желите да видите или промените. До поставите вредност за подешавање, користити преф сет команду, и на ресетирајте поставку, тип преф ресет .

    На демо-у испод можете видјети како проверите УРИ тхе ињецт јКуери наредба је убризгала у страницу (погледајте одељак # 9 у овом чланку):