fix(guide): simplify directory structure

This commit is contained in:
Mrugesh Mohapatra
2018-10-16 21:26:13 +05:30
parent f989c28c52
commit da0df12ab7
35752 changed files with 0 additions and 317652 deletions

View File

@@ -0,0 +1,25 @@
---
title: Chrome Developer Tools
localeTitle: Инструменты разработчика Chrome
---
## Средства разработки Chrome Firefox
Средства разработки Chrome и Firefox помогают веб-разработчикам анализировать HTML, CSS и Javascript на веб-странице. Они полезны для отладки, оптимизации кода, проверки элементов и т. Д.
**Особенности:**
* **Page Inspector:** просмотр и редактирование содержимого и макета страницы.
* **Веб-консоль:** см. Сообщения javascript console.log () и erros
* **Отладчик JavaScript:** просмотр и изменение JavaScript на странице
* **Сетевой монитор:** см. Сетевые запросы, сделанные при загрузке страниц.
* **Инструменты производительности:** анализ компьютерных ресурсов, используемых сайтом
### Доступ к инструментам разработки
1. В строке меню в верхней части экрана выберите «Вид»> «Разработчик»> «Инструменты разработчика». Инструменты появятся внизу, сбоку или в виде всплывающего окна.
2. На веб-странице щелкните правой кнопкой мыши элемент. Когда появится меню, выберите «Осмотреть».
### Дополнительная информация:
* [Chrome DevTools](https://developer.chrome.com/devtools)
* [Средства разработки Firefox](https://developer.mozilla.org/en-US/docs/Tools)

View File

@@ -0,0 +1,11 @@
---
title: JavaScript Console
localeTitle: Консоль JavaScript
---
## Консоль JavaScript
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/javascript-console/index.md) .
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
#### Дополнительная информация:

View File

@@ -0,0 +1,11 @@
---
title: JavaScript Debugger
localeTitle: Отладчик JavaScript
---
## Отладчик JavaScript
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/javascript-debugger/index.md) .
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
#### Дополнительная информация:

View File

@@ -0,0 +1,11 @@
---
title: Network Performance
localeTitle: Производительность сети
---
## Производительность сети
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/network-performance/index.md) .
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
#### Дополнительная информация:

View File

@@ -0,0 +1,11 @@
---
title: Profiling Memory and Execution
localeTitle: Профилирование памяти и выполнение
---
## Профилирование памяти и выполнение
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/profiling-memory-and-execution/index.md) .
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
#### Дополнительная информация:

View File

@@ -0,0 +1,11 @@
---
title: Render Performance
localeTitle: Эффективность рендеринга
---
## Эффективность рендеринга
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/developer-tools/developer-tools-in-browsers/chrome-developer-tools/render-performance/index.md) .
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
#### Дополнительная информация:

View File

@@ -0,0 +1,15 @@
---
title: Useful screenshot shortcuts
localeTitle: Полезные скриншоты
---
### Функциональность скриншотов DevTools
При использовании инструментов разработчика Chrome может оказаться полезным сделать снимок экрана со всей страницы. И хотя для этого есть дополнения, у google chrome есть встроенная встроенная функциональность.
## меры
1. Открыть Chrome Devtools
2. в Devtools Ctrl + P (Cmd + P на Mac)
3. Начать печатать> снимок экрана
4. Выберите из доступных функций (захват снимка полного размера был, безусловно, самым полезным)
5. Наслаждайтесь новым снимком экрана