How to hide browser URL bar and controls when opening external URLs in Tizen Web hosted app

Problem Understanding

The user wants to display external web content in their Tizen Web application without showing the browser's URL bar and controls, similar to a fullscreen mode. This is a common requirement when developers want to maintain a consistent UI/UX without exposing browser elements.

Solution Methods

1. Using WebView instead of Browser:

   • The browser application cannot be modified as it's a separate system application
   • Instead, use Tizen's WebView component which gives you control over the display
   • WebView allows hiding the URL bar and provides more customization options

2. Implementation Steps:

   • Create a native application with WebView component
   • Configure WebView settings to disable URL bar display
   • Load your external URL in the WebView

Code Examples

// Basic WebView implementation example
var webView = new tizen.WebView("webview1");
webView.setLoadListener({
    onloadstart: function() { console.log("Page loading started"); },
    onload: function() { console.log("Page loaded"); }
});
webView.loadURL("https://example.com");
document.body.appendChild(webView);

Additional Tips

• For more detailed WebView implementation, refer to the official documentation on Samsung Tizen OS: https://developer.samsung.com/tizen/web-api/html5/tizen-webview-api.html
• Remember that using WebView requires a native application project rather than a web application
• Consider security implications when loading external content in WebView