Safari Development Tools
It is possible, however, to enable developer tools for web viewers in FileMaker, but it’s sort of a hidden feature, and requires that you’re on MacOS since FileMaker uses the same developer tools as Safari.
Here’s how to show web development tools in FileMaker:
- Make sure to quit FileMaker completely
- Open the terminal and type or copy/paste the following command in a single line. Note: .pro12 is the correct parameter for FileMaker 19:
defaults write com.filemaker.client.pro12 WebKitDebugDeveloperExtrasEnabled -bool YES
3. Test it out!
Right click on the web viewer and you should see at least two options: “Reload” and “Inspect”. Click “Inspect” and the developer tools will open in a separate window. If it opens as a panel, you can pop it out using the button in the top left corner for easier viewing.
Development Tools in FileMaker
Development Tools in Window Mode
There are a few caveats:
- This only works in browse mode
- Be sure that the “Allow interaction with web viewer content” option is enabled in the web viewer setup
- If you navigate away from the web viewer you’re inspecting, the inspector window will close. To mitigate this, it’s a good idea to include debugging steps in your code, such as console.log(), or console.table(). W3schools has a simple intro to debugging, or check out this more advanced guide from Raygun
*This article was originally written for AppWorks, which has since joined Direct Impact Solutions. This article is intended for informative purposes only. To the best of our knowledge, this information is accurate as of the date of publication.