Към днешна дата, Google Chrome е най-популярният браузър сред разработчиците. Благодарение на шест седмици цикъл на развитие и впечатляващ набор от функции, този набор от инструменти, се е превърнал почти незаменим. Възможността, която сте чували: редактиране на CSS в реално време, с помощта на конзолата и дебъгер. В тази статия ще споделя с вас и други характеристики на инструмента.
1. Бързо превключване между файлове
Ако използвате Sublime Текст, най-вероятно не може да живее без да се премине към всеки файл. Този подход се предлага и в Инструменти за разработчици на Google. Отворени Инструментите за програмисти, натиснете Ctrl + P бързо да намерите желания файл.
2. Търсене в изходния код
За да търсите за определен низ във всички заредени файлове, задръжте Ctrl + Shift + F. Този подход предвижда използването на регулярни изрази.
3. Отидете на линия
След отварянето на изходния файл, трябва незабавно да преминете към желаната линия посредством клавишната комбинация Ctrl + G, след което въведете желания номер на ред.
4. клетка проба в конзолата
В конзолата Инструментите за програмисти, които то има възможност за използване на специални променливи и функции за извличане на DOM елементи:
- $ () - намаляване document.querySelector (). Той се връща на първия елемент на желаното за избор на CSS (така $ ( "Разделение") връща първия DIV, които ще се срещнат на страницата).
- $$ () - намаляване document.querySelectorAll (). Връща масив от елементи в селектор CSS.
- $ 0 - $ 4 - ПЕТ DOM елементи, които бяха избрани миналата $ 0.
5. Използване на множество плъзгачи
Друг разрушителна функция, може да са се сблъсквали в Sublime Text. Когато редактирате файл, можете да създадете няколко плъзгачи за паралелна обработка на няколко реда, натиснете Ctrl и кликнете на правилните места.
6. Отмяна на съобщенията за почистване лог
Вкопчени отметка в опцията Запазване Вход, всички трупи ще бъдат написани на конзолата без пречистване в изтеглянето на други страници. Това може да бъде полезно, когато отстранявате грешки в кода.
7. Код форматиране <>
Често се сблъскваме сведени до минимум файлове, където всички код, написани на един или няколко реда. За да се направи кода по-разбираеми, ние можем да кликнете върху съответната икона.
8. Използване на емулатора на сензора устройство
Друг зашеметяващ чип е способността да се симулира едно докосване или докосване акселерометър. Можете също да укажете географското им местоположение.
9. Избор на цвят на пробата
Когато се работи с стиловете можем да изберем специфичен цвят не е само представлявана от палитрата, но също така и със самата страница.
10. Промяна на състоянието на бутона
11. Дисплей сянка DOM
Сега уеб браузъри често използват такива чипове като текстови полета, бутони и други елементи, които са скрити по подразбиране. Въпреки това, вие може да го оправи, като отидете в Settings -> General и активиране на опцията Show потребителския агент сянката DOM.
12. Избор на следващото влизане
13. Превключване между цветови формати
Използването Shift + Click, можете да превключвате между различни цветови формати.
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!
Свързани статии