Add Enable Dev Tools For Safari as a workflow til

Author: jbranchaud

README.md

@@ -9,7 +9,7 @@ and pairing with smart people at Hashrocket.
 
 For a steady stream of TILs, [sign up for my newsletter](https://tinyletter.com/jbranchaud).
 
-_908 TILs and counting..._
+_909 TILs and counting..._
 
 ---
 
@@ -1031,6 +1031,7 @@ _908 TILs and counting..._
 ## Workflow
 
 - [Convert An ePub Document To PDF On Mac](workflow/convert-an-epub-document-to-pdf-on-mac.md)
+- [Enable Dev Tools For Safari](workflow/enable-dev-tools-for-safari.md)
 - [Import A Github Project Into CodeSandbox](workflow/import-a-github-project-into-codesandbox.md)
 - [Interactively Kill A Process With fkill](workflow/interactively-kill-a-process-with-fkill.md)
 - [Open Slack's Keyboard Shortcuts Reference Panel](workflow/open-slacks-keyboard-shortcuts-reference-panel.md)

workflow/enable-dev-tools-for-safari.md

@@ -0,0 +1,12 @@
+# Enable Dev Tools For Safari
+
+By default Safari's developer tools are hidden. To enable them, you need to go
+into the _Advanced_ section of _Preferences_ and check the box at the bottom of
+the screen that reads "Show Develop menu in menu bar."
+
+![Advanced Safari Preferences Pane](https://i.imgur.com/TFhUXoA.png)
+
+This will give you access to all sorts of menu items like "Show web inspector"
+and "Disable JavaScript".
+
+[source](https://support.apple.com/guide/safari/use-the-developer-tools-in-the-develop-menu-sfri20948/mac)