Documentation: Update steps to enable DevTools via the UI

Author: https://github.com/trflynn89
Commit: 9de6987134
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3956

Documentation/DevTools.md

@@ -1,20 +1,18 @@
 # Firefox DevTools Integration
 
-Ladybird contains an experimental, work-in-progress DevTools server. This document describes how to use the server and
+Ladybird contains a DevTools server. This document describes how to use the server and the protocol used to communicate
-the protocol used to communicate with the DevTools client.
+with the DevTools client.
 
 ## Using DevTools
 
-The DevTools server may be enabled with the `--devtools` command line flag when launching Ladybird. This flag expects a
+The DevTools server may be enabled in the "Inspect" menu via the "Enable DevTools" menu item. A banner will be displayed
-port for the DevTools server to listen on. For example:
+in Ladybird with the port on which the DevTools server is listening. This port may be changed with the `--devtools-port`
+command line flag. To disable DevTools, use the same menu item (which will now be titled "Disable DevTools"), or close
+the banner.
 
-```bash
+Once DevTools is enabled, in Firefox, navigate to `about:debugging` and select the "Setup" tab. In the "Network Location"
-./Meta/ladybird.sh run ladybird --devtools 6000 https://ladybird.org/
+form, enter the DevTools server address. In the above example, this will be `localhost:6000`. You will only have to
-```
+enter this information once:
-
-Once the browser is running, in Firefox, navigate to `about:debugging` and select the "Setup" tab. In the
-"Network Location" form, enter the DevTools server address. In the above example, this will be `localhost:6000`. You
-will only have to enter this information once:
 
 <img src="Images/devtools_setup.png" alt="DevTools setup" width="675px" />