将Webview添加到HomeScreen

Question

我要在web视图中打开一个web URL。如何在webview中添加Adding it to the HomeScreen的功能？

我正在使用InAppWebview启动一个webview。使用ChromeSafariBrowser组件，它提供了默认选项Adding to HomeScreen。如何为webview构建类似的功能？

对于外行来说，我正在研究这个功能。

​

​

Answer 1

有一个javascript函数，您可以调用它来询问用户是否要将当前网页添加到他的主页。https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Add_to_home_screen。

在他们的文档中：https://pub.dev/documentation/flutter_inappwebview/latest/flutter_inappwebview/JavaScriptReplyProxy-class.html

Answer 2

我认为您正在尝试询问如何将webview添加到您的应用程序的主屏幕。您没有分享您的主屏幕代码，但我相信可以肯定地说，flutter中的一切都是一个小部件，而且您目前也在使用InAppWebView小部件。

他们的documentation显示了一个示例，其中用户可以输入url，webview控制器将加载该url

加载代码：

onSubmitted: (value) {
                    var url = Uri.parse(value);
                    if (url.scheme.isEmpty) {
                      url = Uri.parse("https://www.google.com/search?q=" + value);
                    }
//The below given 2 lines are responsible for loading the url
                    webViewController?.loadUrl(
                        urlRequest: URLRequest(url: url));
                  },

用于web视图显示的代码：

InAppWebView(
                        key: webViewKey,
                        initialUrlRequest:
                        URLRequest(url: Uri.parse("https://inappwebview.dev/")),
                        initialOptions: options,
                        pullToRefreshController: pullToRefreshController,
                        onWebViewCreated: (controller) {
                          webViewController = controller;
                        },
                        onLoadStart: (controller, url) {
                          setState(() {
                            this.url = url.toString();
                            urlController.text = this.url;
                          });
                        },
                        androidOnPermissionRequest: (controller, origin, resources) async {
                          return PermissionRequestResponse(
                              resources: resources,
                              action: PermissionRequestResponseAction.GRANT);
                        },
                        shouldOverrideUrlLoading: (controller, navigationAction) async {
                          var uri = navigationAction.request.url!;

                          if (![ "http", "https", "file", "chrome",
                            "data", "javascript", "about"].contains(uri.scheme)) {
                            if (await canLaunch(url)) {
                              // Launch the App
                              await launch(
                                url,
                              );
                              // and cancel the request
                              return NavigationActionPolicy.CANCEL;
                            }
                          }

                          return NavigationActionPolicy.ALLOW;
                        },
                        onLoadStop: (controller, url) async {
                          pullToRefreshController.endRefreshing();
                          setState(() {
                            this.url = url.toString();
                            urlController.text = this.url;
                          });
                        },
                        onLoadError: (controller, url, code, message) {
                          pullToRefreshController.endRefreshing();
                        },
                        onProgressChanged: (controller, progress) {
                          if (progress == 100) {
                            pullToRefreshController.endRefreshing();
                          }
                          setState(() {
                            this.progress = progress / 100;
                            urlController.text = this.url;
                          });
                        },
                        onUpdateVisitedHistory: (controller, url, androidIsReload) {
                          setState(() {
                            this.url = url.toString();
                            urlController.text = this.url;
                          });
                        },
                        onConsoleMessage: (controller, consoleMessage) {
                          print(consoleMessage);
                        },
                      ),

Recommendation:通读文档。大多数代码都不需要编辑。