WebView.ShowDebugBar
--------------------

Shows the DebugBar for the web viewer on Windows.

| Component | Version | macOS | Windows | Linux | Server | iOS SDK |
|---|---|---|---|---|---|---|
| [WebView](component_WebView.md) | [10.3](newinversion103.md) | ❌ No | ✅ Yes | ❌ No | ❌ No | ❌ No |

### Deprecated

This function was [deprecated](deprecated.md). Use [WebView.ShowDevTools](WebViewShowDevTools.md) instead.

MBS( "WebView.ShowDebugBar"; WebViewerRef { ; Flags; X; Y; Width; Height } ) 

**MBS**( **"WebView.ShowDebugBar";** /\* Shows the DebugBar for the web viewer on Windows. \*/  
**$WebViewerRef**; /\* Either the Web Viewer Object Name or the Web Viewer ID as returned by "[WebView.FindByName](WebViewFindByName.md)" function. \*/   
**$Flags**; /\* Optional; Various flags.  
Add 1 to not scale for screens with &gt;100%.  
When window is scaled, it shows bigger, but may not have the picker work correclty.  
Add 2 to put the window always on top of other windows.  
  
Default is 0.e.g. 0 \*/   
**$X**; /\* Optional; The x position for placement on screen.  
Default is near center of screen. \*/   
**$Y**; /\* Optional; The y position for placement on screen.  
Default is near center of screen. \*/   
**$Width**; /\* Optional; The width of the window.  
Default is 600.e.g. 600 \*/   
**$Height**) /\* Optional; The height of the window.  
Default is 400.e.g. 400 \*/ 

### Parameters

| Parameter | Description | Example | Flags |
|---|---|---|---|
| WebViewerRef | Either the Web Viewer Object Name or the Web Viewer ID as returned by "[WebView.FindByName](WebViewFindByName.md)" function. |  |  |
| Flags | Various flags.   Add 1 to not scale for screens with &gt;100%.   When window is scaled, it shows bigger, but may not have the picker work correclty.   Add 2 to put the window always on top of other windows.      Default is 0. | 0 | Optional |
| X | The x position for placement on screen.   Default is near center of screen. |  | Optional |
| Y | The y position for placement on screen.   Default is near center of screen. |  | Optional |
| Width | The width of the window.   Default is 600. | 600 | Optional |
| Height | The height of the window.   Default is 400. | 400 | Optional |

### Result

Returns OK or error.

### Description

Shows the DebugBar for the web viewer on Windows.  
With DebugBar you can inspect HTML elements, see scripts and modify elements on the fly.  
There is a JavaScript console to quickly edit something if needed.  
  
Please download and install DebugBar extension for Internet Explorer:  
<https://www.debugbar.com>  
  
You may need to buy a license for it to use all features.  
  
Known issues:  
- The toolbar has a gear button, where you can pick locations. Choosing a location there may crash FileMaker.
- If FileMaker runs on a screen with &gt;100% scaling, the picker may not work correctly unless you pass 1 for Flags parameter, but then icons may be smaller.
- HTTPs tab shows no data.
- You may need to click reload in the DebugBar (orange arrow in toolbar) when switching to another page.
- Running JavaScript works, but doesn't show errors or results.
- The inspect element in context menu command does not work.

For FileMaker 19.4 or newer in MBS Plugin 11.5 or newer, this will redirect to [WebView.ShowDevTools](WebViewShowDevTools.md) function and show developer tools.  
### Examples

Show DebugBar:

 # Show Debugbar in file WebViewer DebugBar   
  
\# Show debug bar if available   
Set Variable \[ $r ; Value: MBS ("WebVIew.ShowDebugBar"; "web") \]   
If \[ MBS ("IsError") \]   
 Show Custom Dialog \[ "Failed to show debug bar" ; $r \]   
End If  
### See also

- [IsError](IsError.md)
- [WebView.FindByName](WebViewFindByName.md)
- [WebView.ShowDevTools](WebViewShowDevTools.md)

### Release notes

- **Version 12.3**
    - Deprecated [WebView.ShowDebugBar](https://www.mbsplugins.eu/WebViewShowDebugBar.shtml) function.
- **Version 10.3**
    - Added [WebView.ShowDebugBar](https://www.mbsplugins.eu/WebViewShowDebugBar.shtml) function to show DebugBar for IE 11.

### Blog Entries

- [MBS FileMaker Plugin, version 12.3pr5](https://www.mbsplugins.de/archive/2022-06-27/MBS_FileMaker_Plugin_version_1/monkeybreadsoftware_blog_filemaker)
- [Neues MBS FileMaker Plugin 10.3 - Über 6200 Funktionen in einem Plugin](https://www.mbsplugins.de/archive/2020-07-21/Neues_MBS_FileMaker_Plugin_103/monkeybreadsoftware_blog_filemaker)
- [MBS FileMaker Plugin 10.3 - More than 6200 Functions In One Plugin](https://www.mbsplugins.de/archive/2020-07-21/MBS_FileMaker_Plugin_103_-_Mor/monkeybreadsoftware_blog_filemaker)
- [MBS FileMaker Plugin, version 10.3pr8](https://www.mbsplugins.de/archive/2020-07-03/MBS_FileMaker_Plugin_version_1/monkeybreadsoftware_blog_filemaker)
- [Using DebugBar in FileMaker for IE WebViewer](https://www.mbsplugins.de/archive/2020-07-02/Using_DebugBar_in_FileMaker_fo/monkeybreadsoftware_blog_filemaker)

This function checks for a license.

Created 2nd July 2020 , last changed 27th June 2022

  
[WebView.SetZoom](WebViewSetZoom.md) - [WebView.ShowDevTools](WebViewShowDevTools.md)

[HTML Version](WebViewShowDebugBar.shtml)