• Главная
  • Карта сайта
Не найдено

Ние користиме DevTools за Chrome

  1. Брзо уредување на HTML елементи
  2. Проширете ги сите детски елементи
  3. Релокација на инспекторот
  4. Пребарување DOM елемент
  5. Палети
  6. Повеќе курсори
  7. Кодирање на base64 сликата
  8. Псевдо-класа префрлување
  9. Избор на колумни
  10. Копирај барање за cURL
  11. Тастатура на екранот
  12. Екранот на целата страница
  13. Емулација на допир уреди
  14. Корисни функции

Како што наведува името, Chrome DevTools, или веб инспектор, е алатка наменета за веб програмери и луѓе поврзани со неа. Веб инспекторот ви овозможува да го направите следново:

  • Проверете ја точноста на екранот.
  • Следете го извршувањето на скриптите во JavaScript.
  • Прегледајте мрежни активности.

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

За да го стартувате инспекторот, можете да кликнете со десното копче на кое било место на страницата и изберете "Преглед на кодот на предметот", исто така можете да притиснете Ctrl + Shift + C.

Брзо уредување на HTML елементи

Да почнеме со наједноставните: елементи за уредување.

Да почнеме со наједноставните: елементи за уредување

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

  • Изберете табулаторот Елементи.
  • Изберете било кој HTML елемент во панелот.
  • Двоен клик на ознаката и промена, на пример, името на ознаката.

Кога уредувањето е завршено, тагот за затворање автоматски ќе се ажурира.

Проширете ги сите детски елементи

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

  • Одете во панелот Елементи.
  • Изберете елемент и, додека го држите Alt, кликнете на стрелката лево од елементот.

Релокација на инспекторот

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

Исто така, инспекторот може да се стави во посебен прозорец и, на пример, да се префрли на друг монитор

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

  • Ctrl + Shift + D - преместете ја локацијата

Пребарување DOM елемент

Веројатно не многу за кои ова ќе биде откритие, но во табулаторот "Елементи" можете да пребарувате од ДОМ.

Веројатно не многу за кои ова ќе биде откритие, но во табулаторот Елементи можете да пребарувате од ДОМ

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

  • Притиснете Ctrl + F и внесете го предложеното барање за пребарување.

Палети

Изберете боја од палета

Изборот на боја во последните верзии на Хром претрпе некои промени: додаде две палети за да го олесни изборот на боја.

Повеќе курсори

Поместете го курсорот и, држејќи Ctrl, кликнете на саканата област за да додадете курсор. Можете да го вратите дејството користејќи Ctrl + U. Лично, никогаш не сум бил корисен.

Кодирање на base64 сликата

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

  • Префрлете се на панелот Мрежа.
  • Изберете слика
  • Десен-клик на сликата и изберете ""

Псевдо-класа префрлување

Псевдокласите ја одразуваат состојбата на елементите и нивните релативни позиции.

Псевдокласите ја одразуваат состојбата на елементите и нивните релативни позиции

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

  • Десен-клик на елемент во панелот Елементи и изберете псевдоклас во листата на елементите на силите.
  • Можете исто така да изберете псевдоклас на десната страна на панелот Елементи.

Избор на колумни

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

  • Одете во панелот "Извори".
  • Изберете било која датотека.
  • Изберете го текстот со држење Alt.

Избирањето колона исто така функционира кога HTML е уредено во панелот Елементи.

Копирај барање за cURL

Секое барање во јазичето Мрежа може да се копира и потоа да се вметне во терминалот за извршување со користење на навивам.

Тастатура на екранот

Ако е одбран профилот Nexus 5X, можете да видите како изгледа страницата кога е активна тастатурата на екранот.

Chrome DevTools: тастатура на екранот Chrome DevTools: тастатура на екранот

Екранот на целата страница

Земете слика на целата страница е многу едноставна. Само треба ...

  1. Отворен инспектор.
  2. Одете во конзола.
  3. Притиснете Ctrl + Shift + P
  4. Напишете "скриншот"
  5. Изберете "Снимајте целосна големина на екранот"
Екранот на целата страница

Емулација на допир уреди

Можете исто така да симулирате некои сензори:

  • Екран на допир
  • Координати за геолокација
  • Акцелеметар

Како да пробате:

  • Изберете панел Елементи.
  • Притиснете "Esc" и изберете "Emulation> Sensors".

Корисни функции

клучеви и вредности

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

Провайдеры:
  • 08.09.2015

    Batyevka.NET предоставляет услуги доступа к сети Интернет на территории Соломенского района г. Киева.Наша миссия —... 
    Читать полностью

  • 08.09.2015
    IPNET

    Компания IPNET — это крупнейший оператор и технологический лидер на рынке телекоммуникаций Киева. Мы предоставляем... 
    Читать полностью

  • 08.09.2015
    Boryspil.Net

    Интернет-провайдер «Boryspil.net» начал свою работу в 2008 году и на данный момент является одним из крупнейших поставщиков... 
    Читать полностью

  • 08.09.2015
    4OKNET

    Наша компания работает в сфере телекоммуникационных услуг, а именно — предоставлении доступа в сеть интернет.Уже... 
    Читать полностью

  • 08.09.2015
    Телегруп

    ДП «Телегруп-Украина» – IT-компания с 15-летним опытом работы на рынке телекоммуникационных услуг, а также официальный... 
    Читать полностью

  • 08.09.2015
    Софтлинк

    Высокая скоростьМы являемся участником Украинского центра обмена трафиком (UA — IX) с включением 10 Гбит / сек... 
    Читать полностью