<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Flutter InAppBrowser</title> <link rel="stylesheet" href="http://getbootstrap.com/docs/4.3/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body class="text-center"> <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column"> <header class="masthead mb-auto"> <div class="inner"> <h3 class="masthead-brand">Flutter InAppBrowser</h3> <nav class="nav nav-masthead justify-content-center"> <a class="nav-link active" href="index.html">Home</a> <a class="nav-link" href="page-1.html">Page 1</a> <a class="nav-link" href="page-2.html">Page 2</a> </nav> </div> </header> <main role="main" class="inner cover"> <h1 class="cover-heading">Inline WebView</h1> <img src="my-special-custom-scheme://images/flutter-logo.svg" alt="flutter logo"> <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p> <p> <img src="https://via.placeholder.com/100x50" alt="placeholder 100x50"> </p> </main> <footer class="mastfoot mt-auto"> <div class="inner"> <p>Cover template for <a target="_blank" href="https://getbootstrap.com/">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p> <p>Phone link example <a href="tel:1-408-555-5555">1-408-555-5555</a></p> <p>Email link example <a href="mailto:example@gmail.com">example@gmail.com</a></p> </div> </footer> </div> <script> window.addEventListener("flutterInAppBrowserPlatformReady", function(event) { console.log("ready"); window.flutter_inappbrowser.callHandler('handlerFoo').then(function(result) { console.log(result, typeof result); console.log(JSON.stringify(result), result.bar); }); window.flutter_inappbrowser.callHandler('handlerFooWithArgs', 1, true, ['bar', 5], {foo: 'baz'}).then(function(result) { console.log(result, typeof result); console.log(JSON.stringify(result)); }); }); $(document).ready(function() { /* alert("Alert Popup"); console.log(confirm("Press a button!")); console.log(prompt("Please enter your name", "Lorenzo")); */ console.log("jQuery ready"); /* if ("geolocation" in navigator) { console.log("Geolocation API enabled"); navigator.geolocation.getCurrentPosition(function(position) { console.log(position.coords.latitude, position.coords.longitude); }); } else { console.log("No geolocation API"); } */ }); </script> </body> </html>