index.rst (2092B)
1 =========== 2 Web Console 3 =========== 4 5 6 The **Web Console:** 7 8 1. Logs information associated with a web page: network requests, JavaScript, CSS, security errors and warnings as well as error, warning and informational messages explicitly logged by JavaScript code running in the page context 9 10 2. Enables you to interact with a web page by executing JavaScript expressions in the context of the page 11 12 13 .. raw:: html 14 15 <iframe width="560" height="315" src="https://www.youtube.com/embed/C6Cyrpkb25k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 16 <br/> 17 <br/> 18 19 .. list-table:: 20 :widths: 30 70 21 :header-rows: 0 22 23 * - :doc:`User interface of the Web Console <ui_tour/index>` 24 - Parts of the Web Console UI. 25 26 * - :doc:`The JavaScript input interpreter <the_command_line_interpreter/index>` 27 - How to interact with a document using the Console. 28 29 * - :doc:`Split console <split_console/index>` 30 - Use the Console alongside other tools. 31 32 * - :doc:`Console messages <console_messages/index>` 33 - Details of the messages that the Console logs. 34 35 * - :doc:`Helper commands <helpers/index>` 36 - Commands use can use that are not part of JavaScript. 37 38 * - :doc:`Rich output <rich_output/index>` 39 - See and interact with objects logged by the Console. 40 41 * - :ref:`Keyboard shortcuts <keyboard-shortcuts-web-console>` 42 - Shortcut reference 43 44 45 Opening the Web Console 46 *********************** 47 48 You open the Web Console from a menu or with a keyboard shortcut: 49 50 - Select the *Web Console* panel in the Web Developer Tools, accessible from the Browser Tools submenu 51 52 - Press the :kbd:`Ctrl` + :kbd:`Shift` + :kbd:`K` (:kbd:`Cmd` + :kbd:`Opt` + :kbd:`K` on OS X) keyboard shortcut. 53 54 55 The :doc:`Toolbox <../tools_toolbox/index>` appear at the bottom, left, or right of the browser window (depending on your docking settings), with the Web Console activated (it's just called **Console** in the :ref:`DevTools toolbar <tools-toolbox-toolbar>`