If like many developers you use webviewers to interact with your FileMaker solutions, you may have noticed that it is not so easy to debug the content of a webviewer, whether for HTML / CSS rendering or the execution of your JavaScript code.

One solution is to copy the content of the webviewer into an .html file and then use a browser's web inspector, which works well but causes a lot of back and forth between FileMaker Pro, your text editor, and your browser…

There is a much more practical solution!

In Mac-OS and FileMaker Pro 19, it is possible to display the Safari web inspector with a simple right-click on the webviewer you want to debug. (see below for earlier versions of FileMaker Pro)

To do this you must first close FileMaker Pro 19.

Then using a terminal, run the following command:

defaults write com.filemaker.client.pro12 WebKitDebugDeveloperExtrasEnabled -bool YES

Once the command is executed, open your FileMaker solution and right click on the webviewer you want to analyze, the “Inspect Element” command should appear.

calendrier

web inspector

If you don't have FileMaker Pro 19, do not panic, it is still possible to activate the option.

FileMaker Pro 18 / 17 :
First close FileMaker Pro 18 or 17.
Then in a terminal, run the following command:

defaults write com.FileMaker.client.pro12 WebKitDebugDeveloperExtrasEnabled -bool YES

This solution will really make your life easier with the integration of web viewers.

A question? A project to study?

18 + 2 =

Contact us

Please complete the form.
See our Contact page to contact us directly. 

Logo Claris FileMaker Pro

Logo Claris Partner

Logo Claris Marketplace

Copyright ©2020-2024 IU-DATA | All rights reserved | Legal Notices | Privacy Policy | Terms and Conditions | Designed by inPhobulle