DOCSP-26633 Enable DevTools (#478)

* DOCSP-26633 Enable DevTools

* update task page title

* wip

* adjust TOC

* IF feedback

* wording nits

* AK edits

Author: ajhuh-mdb

source/settings.txt

@@ -45,6 +45,8 @@ Tasks
 
 - :ref:`compass-force-connection-options`
 
+- :ref:`compass-enable-dev-tools`
+
 Learn more 
 ----------
 
@@ -63,3 +65,4 @@ Learn more
    /settings/restrict-outgoing-connections
    /settings/protect-connection-strings
    /settings/specify-read-preference-tags
+   /settings/enable-dev-tools

source/settings/enable-dev-tools.txt

@@ -0,0 +1,111 @@
+.. _compass-enable-dev-tools:
+
+======================
+Toggle Chrome DevTools
+======================
+
+.. default-domain:: mongodb
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+You can toggle the ``enableDevTools`` option to control user access to Chrome 
+DevTools on |compass|. When you enable Chrome Devtools, you can view additional 
+diagnostic or debugging information from the |compass-short| interface. 
+
+About This Task
+---------------
+
+By default, |compass-short| disables :guilabel:`Chrome DevTools`.
+
+If you enable any of the following options, you cannot enable the 
+:guilabel:`Enable DevTools` setting: 
+
+- :guilabel:`Set Read-Only Mode`
+- :guilabel:`Enable MongoDB Shell`
+- :guilabel:`maxTimeMS`
+- :guilabel:`Protect Connection String Secrets`
+
+Procedure
+---------
+
+You can set the ``enableDevTools`` option in either: 
+
+- The |compass-short| :ref:`Settings panel <compass-settings-reference>`
+
+- The :ref:`command line <cli-options>`
+
+- A :ref:`configuration file <config-file>`
+
+|compass-short| Settings Panel
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+.. procedure:: 
+   :style: normal
+
+   .. step:: In the |compass-short| top menu bar, click :guilabel:`MongoDB Compass`. 
+
+      .. figure:: /images/compass/settings-panel-location.png
+         :scale: 60% 
+         :alt: Settings panel location under the MongoDB Compass system menu
+
+      Alternatively, you can use keyboard shortcuts to open the 
+      :guilabel:`Settings` panel: 
+
+      - Windows / Linux: ``Ctrl`` + ``,``
+
+      - Mac: ``⌘`` + ``,``
+
+   .. step:: In the :guilabel:`MongoDB Compass` menu, click :guilabel:`Settings`.
+
+      |compass-short| opens a dialog box where you can configure your |compass| 
+      settings.
+
+   .. step:: Toggle :guilabel:`Enable DevTools`.
+
+   .. step:: Click :guilabel:`Save`.
+
+Command Line
+~~~~~~~~~~~~
+
+The following command starts |compass-short| from the command line and sets
+the ``--enableDevTools`` option:
+
+.. code-block:: sh
+
+   <path-to-Compass-executable> --enableDevTools
+
+.. note::
+
+  The name and filepath of the |compass-short| executable depend on your
+  operating system.
+
+Configuration File
+~~~~~~~~~~~~~~~~~~
+
+You can specify the |compass-short| configuration file in either EJSON
+or YAML format. The following configurations set the 
+``enableDevTools`` option to ``true``:
+
+EJSON
+`````
+
+.. code-block:: json
+
+   { "enableDevTools": true }
+
+YAML
+````
+
+.. code-block:: yaml
+
+   enableDevTools: true
+
+Learn More
+----------
+
+To learn more about the |compass| configuration file, see
+:ref:`config-file`.

source/settings/settings-reference.txt

@@ -78,10 +78,11 @@ You can configure the following settings on the |compass| interface:
      - General
      - Specify an upper time limit for all |compass-short| database operations.
 
-   * - Enable Devtools
+   * - Enable DevTools
      - General
-     - Enable the Chromium Developer Tools  that can be used to debug Electron's 
-       process.
+     - Enable Chrome DevTools.
+
+       To learn more, see :ref:`compass-enable-dev-tools`.
 
    * - Sync with OS
      - Theme