aboutsummaryrefslogtreecommitdiff
path: root/files/ru/tools
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-14 12:18:12 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-14 12:18:12 -0500
commit869dd2069c695ee7040cd3261713212155819f42 (patch)
tree320a95de75a89686a9df006b90d923aa7fa0d551 /files/ru/tools
parenta5fcfafb665e96cae5d04dfba927db8dcdfd7f14 (diff)
downloadtranslated-content-869dd2069c695ee7040cd3261713212155819f42.tar.gz
translated-content-869dd2069c695ee7040cd3261713212155819f42.tar.bz2
translated-content-869dd2069c695ee7040cd3261713212155819f42.zip
final dump 2020-12-14
Diffstat (limited to 'files/ru/tools')
-rw-r--r--files/ru/tools/index.html4
-rw-r--r--files/ru/tools/web_console/index.html84
2 files changed, 45 insertions, 43 deletions
diff --git a/files/ru/tools/index.html b/files/ru/tools/index.html
index c7cc39bfba..a46c24c94f 100644
--- a/files/ru/tools/index.html
+++ b/files/ru/tools/index.html
@@ -37,11 +37,11 @@ translation_of: Tools
</tr>
<tr>
<td><img alt="" src="https://mdn.mozillademos.org/files/16088/camera_button.png" style="max-width: 32px;"></td>
- <td>Щелчек по данной кнопке создает снимок экрана (screenshot) текущей страницы. (<strong>Внимание:</strong> По-умолчанию данная функция отключена и, при необходимости, должна быть включена в настройках.)</td>
+ <td>Щелчок по данной кнопке создает снимок экрана (screenshot) текущей страницы. (<strong>Внимание:</strong> По-умолчанию данная функция отключена и, при необходимости, должна быть включена в настройках.)</td>
</tr>
<tr>
<td><img alt="" src="https://mdn.mozillademos.org/files/16089/responsive_button.png" style="max-width: 32px;"></td>
- <td>Преключение в/из Режима Адаптивного Дизайна (Responsive Design Mode).</td>
+ <td>Переключение в/из Режима Адаптивного Дизайна (Responsive Design Mode).</td>
</tr>
<tr>
<td><img alt="" src="https://mdn.mozillademos.org/files/16090/menu_button.png" style="max-width: 32px;"></td>
diff --git a/files/ru/tools/web_console/index.html b/files/ru/tools/web_console/index.html
index db38988978..929a5e346e 100644
--- a/files/ru/tools/web_console/index.html
+++ b/files/ru/tools/web_console/index.html
@@ -12,7 +12,9 @@ tags:
- 'веб-разработка:инструменты'
translation_of: Tools/Web_Console
---
-<div>{{ToolsSidebar}}</div><p>Веб-консоль:</p>
+<div>{{ToolsSidebar}}</div>
+
+<p>Веб-консоль:</p>
<ol>
<li>Выводит информацию, связанную с веб-страницей: сетевые запросы, ошибки и предупреждения JavaScript и CSS, а также сообщения об ошибках, предупреждения и информационные сообщения, выдаваемые кодом JavaScript, выполняющимся в контексте страницы;</li>
@@ -140,7 +142,7 @@ translation_of: Tools/Web_Console
</tbody>
</table>
-<p> </p>
+
<p>Нажав мышкой на сообщение вы увидите следующее окно с более детальной информацией о запросе и ответе на него:</p>
@@ -194,7 +196,7 @@ translation_of: Tools/Web_Console
<p><span id="result_box" lang="ru"><span>Тем не менее</span><span>,</span> <span>если</span> <span>какой-то</span> <span>JavaScript код</span> <span>читает что</span> <span>стиль</span><span> был изменен</span><span>,</span> <span>то</span> <span>браузер должен</span> <span>выполнить</span> <span>синхронное</span> <span>переформатирование</span></span><span lang="ru"><span> в порядке вычисленным расчетом стиля</span><span> чтобы вернуться</span><span>.</span> <span>Например</span><span>, код</span><span> как</span> <span>этот хочет  вызовать</span> <span>немедленное</span><span>,</span> <span>синхронное</span><span>,</span> </span><span id="result_box" lang="ru"><span>переформатирование</span></span><span lang="ru"><span>,</span> <span>когда вызовет</span></span> <code>window.getComputedStyle(thing).height</code>:</p>
-<pre class="brush: js">var thing = document.getElementById("the-thing");
+<pre class="brush: js notranslate">var thing = document.getElementById("the-thing");
thing.style.display = "inline-block";
var thingHeight = window.getComputedStyle(thing).height;</pre>
@@ -299,12 +301,12 @@ var thingHeight = window.getComputedStyle(thing).height;</pre>
<td>
<p>The argument to <code>error()</code>.</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.error("an error");</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7143/api-error.png" style="display: block; margin-left: auto; margin-right: auto;">
<p>The console will display a full stack trace for errors:</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
function error() {
console.error("an error");
}
@@ -327,12 +329,12 @@ call_error();</pre>
<td>
<p>If the assertion succeeds, nothing. If the assertion fails, the argument:</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.assert(false, "My assertion always fails");</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7139/api-assert.png" style="display: block; margin-left: auto; margin-right: auto;">
<p>The console will display a full stack trace for assertions:</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
function assertion() {
console.assert(false, "assertion failed");
}
@@ -364,7 +366,7 @@ call_assertion();</pre>
<td>
<p>The argument to <code>warn()</code>.</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.warn("a warning");</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7155/api-warn.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
</tr>
@@ -386,7 +388,7 @@ console.warn("a warning");</pre>
<td>
<p>The argument to <code>info()</code>.</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.info("some info");</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7145/api-info.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
</tr>
@@ -408,7 +410,7 @@ console.info("some info");</pre>
<td>
<p>The label supplied, if any, and the number of times this occurrence of <code>count()</code> has been called with the given label:</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.count(user.value);</pre>
<p><img alt="" src="https://mdn.mozillademos.org/files/7359/api-count.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
@@ -419,7 +421,7 @@ console.count(user.value);</pre>
<td>
<p>Listing of the object's properties:</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
var user = document.getElementById('user');
console.dir(user);</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7157/api-dir.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
@@ -433,10 +435,10 @@ console.dir(user);</pre>
<td>
<p>The argument to <code>log()</code>.</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.log("logged");</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7147/api-log.png" style="display: block; margin-left: auto; margin-right: auto;">
- <p> </p>
+
<p>Если аргумент — это узел DOM, консоль выдаст его в виде <a href="/ru/docs/Tools/Web_Console#Highlighting_and_inspecting_DOM_nodes">инспектируемого</a> rich text:</p>
@@ -454,7 +456,7 @@ console.log("logged");</pre>
<td>
<p>Notification that the specified timer started.</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.time("t");</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7149/api-time.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
</tr>
@@ -463,7 +465,7 @@ console.time("t");</pre>
<td>
<p>Duration for the specified timer.</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.timeEnd("t");</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7151/api-timeEnd.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
</tr>
@@ -472,7 +474,7 @@ console.timeEnd("t");</pre>
<td>
<p>Stack trace:</p>
- <pre class="brush: js">
+ <pre class="brush: js notranslate">
console.trace();</pre>
<img alt="" src="https://mdn.mozillademos.org/files/7159/api-trace.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
</tr>
@@ -487,7 +489,7 @@ console.trace();</pre>
<p>Начиная с Firefox 31, вы можете использовать спецификатор формата <code>"%c"</code> для стилизации консольных сообщений:</p>
-<pre class="brush: js">console.log("%cMy stylish message", "color: red; font-style: italic");</pre>
+<pre class="brush: js notranslate">console.log("%cMy stylish message", "color: red; font-style: italic");</pre>
<div><img alt="" src="https://mdn.mozillademos.org/files/7739/console-style.png" style="display: block; height: 52px; margin-left: auto; margin-right: auto; width: 293px;"></div>
@@ -534,21 +536,21 @@ console.trace();</pre>
<p><img alt="" src="https://mdn.mozillademos.org/files/7377/commandline-executejs.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-<h3 id="Accessing_variables">Accessing variables</h3>
+<h3 id="Получение_переменных">Получение переменных</h3>
-<p>You can access variables defined in the page, both built-in variables like <code>window</code> and variables added by JavaScript like <code>jQuery</code>:</p>
+<p>Вы можете получить доступ к переменным на странице; это могут быть как внутренние переменные например в объекте <code>window</code> , так и переменные, добавленные с помощью Javascript кода - например с помощью <code>jQuery</code>:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/7367/commandline-accessbuiltin.png" style="display: block; margin-left: auto; margin-right: auto;"><img alt="" src="https://mdn.mozillademos.org/files/7369/commandline-accesspageadded.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-<h3 id="Автозавершение">Автозавершение</h3>
+<h3 id="Автоподстановка">Автоподстановка</h3>
-<p>The command line has autocomplete: enter the first few letters and a popup appears with possible completions:</p>
+<p>У командной строки есть функционал автоподстановки: начните вводить несколько начальных букв - и появится всплывающее окно с возможными вариантами завершения команды:</p>
-<p><img alt="" src="https://mdn.mozillademos.org/files/7375/commandline-autocomplete.png" style="display: block; margin-left: auto; margin-right: auto;">Type <kbd>Enter</kbd> or <kbd>Tab</kbd> to accept the suggestion, use the up/down arrows to move to a different suggestion, or just keep typing if you don't like any of the suggestions.</p>
+<p><img alt="" src="https://mdn.mozillademos.org/files/7375/commandline-autocomplete.png" style="display: block; margin-left: auto; margin-right: auto;">Нажмите <kbd>Enter</kbd> или <kbd>Tab</kbd>, чтобы принять нужную подсказку, перемещайтесь вверх/вниз с помощью стрелок к другим вариантам подсказок или просто продолжайте набирать текст, если Вам не подходит ни один из вариантов.</p>
-<p>The console suggests completions from the scope of the currently executing stack frame. This means that if you've hit a breakpoint in a function you get autocomplete for objects local to the function.</p>
+<p>Консоль выдает подсказки из области видимости текущего активного фрейма. Это значит, что если Вы уже достигли точки останова в функции, то у Вас будут доступны автоподстановки только для объектов, которые находятся в одной области видимости с этой функцией.</p>
-<p>You get autocomplete suggestions for array elements, as well:</p>
+<p>Вы можете получать такие же подсказки для элементов массива:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/7383/commandline-arrayautocomplete.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
@@ -566,30 +568,30 @@ console.trace();</pre>
<h3 id="Работа_с_iframes">Работа с iframes</h3>
-<p>If a page contains embedded <a href="/ru/docs/Web/HTML/Element/iframe">iframes</a>, you can use the <code>cd()</code> command to change the console's scope to a specific iframe, and then you can execute functions defined in the document hosted by that iframe. There are three ways to select an iframe using <code>cd()</code>:</p>
+<p>Если страница содержит встроенные <a href="/ru/docs/Web/HTML/Element/iframe">iframes</a>, Вы можете использовать команду <code>cd()</code> чтобы изменить область видимости в консоли на область определенного iframe, и после этого Вы сможете выполнять функции, которые содержит объект <a href="https://developer.mozilla.org/ru/docs/Web/API/Document">document</a> в этом iframe. Существует три способа выбрать iframe используя <code>cd()</code>:</p>
-<p>You can pass the iframe DOM element:</p>
+<p>Вы можете передать DOM-элемент для определенного iframe :</p>
-<pre class="brush: js">var frame = document.getElementById("frame1");
+<pre class="brush: js notranslate">var frame = document.getElementById("frame1");
cd(frame);</pre>
-<p>You can pass a CSS selector that matches the iframe:</p>
+<p>Вы можете передать CSS селектор для определенного iframe:</p>
-<pre class="brush: js">cd("#frame1");</pre>
+<pre class="brush: js notranslate">cd("#frame1");</pre>
-<p>You can pass the iframe's global window object:</p>
+<p>Вы можете передать глобальный объект <a href="https://developer.mozilla.org/ru/docs/Web/API/Window">Window</a> для определенного iframe:</p>
-<pre class="brush: js">var frame = document.getElementById("frame1");
+<pre class="brush: js notranslate">var frame = document.getElementById("frame1");
cd(frame.contentWindow);
</pre>
-<p>To switch the context back to the top-level window, call <code>cd()</code> with no arguments:</p>
+<p>Для переключения контекста видимости обратно к окну верхнего уровня, введите <code>cd()</code> без аргументов:</p>
-<pre class="brush: js">cd();</pre>
+<pre class="brush: js notranslate">cd();</pre>
-<p>For example, suppose we have a document that embeds an iframe:</p>
+<p>Предположим у нас есть документ, который содержит iframe:</p>
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
+<pre class="brush: html notranslate">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
@@ -599,9 +601,9 @@ cd(frame.contentWindow);
&lt;/body&gt;
&lt;/html&gt;</pre>
-<p>The iframe defines a new function:</p>
+<p>В этом iframe определена новая функция:</p>
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
+<pre class="brush: html notranslate">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
@@ -615,13 +617,13 @@ cd(frame.contentWindow);
&lt;/body&gt;
&lt;/html&gt;</pre>
-<p>You can switch context to the iframe like this:</p>
+<p>Вы можете переключиться на контекст iframe например так:</p>
-<pre class="brush: js">cd("#frame1");</pre>
+<pre class="brush: js notranslate">cd("#frame1");</pre>
-<p>Now you'll see that the global window's document is the iframe:</p>
+<p>Сейчас Вы сможете видеть, что глобальный объект <a href="https://developer.mozilla.org/ru/docs/Web/API/Window">Window</a> это теперь наш iframe:</p>
-<p><img alt="" src="https://mdn.mozillademos.org/files/7355/web-console-iframe-document.png" style="display: block; height: 75px; margin-left: auto; margin-right: auto; width: 632px;">And you can call the function defined in the iframe:</p>
+<p><img alt="" src="https://mdn.mozillademos.org/files/7355/web-console-iframe-document.png" style="display: block; height: 75px; margin-left: auto; margin-right: auto; width: 632px;">и сможете выполнить вызов функции, определенной в этом iframe:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/7357/web-console-iframe-function.png" style="display: block; height: 77px; margin-left: auto; margin-right: auto; width: 632px;"></p>