创建一个网站推出的Andr​​oid图标创建一个、图标、网站、Andr

2023-09-04 08:49:37 作者:藏在月亮里

我有可以在多个设备访问一个负责任的网站,我们的设计和应用主要是针对移动用户。

I have a responsive website which can be accessed across multiple devices, our design and application is mainly targeted for mobile users.

要轻松访问网站,我们想创建一个启动图标将apear手机主屏幕上用户可以访问的一键式网站,作为对启动浏览器,输入网址/打开书签的页面。

To ease access to the site, we want to create a launch icon which will apear on the mobile home screen and user can access the site using one touch, as against launching the browser and typing the url / opening the bookmarked page.

我发现它在IOS的解决方案,这也支持使用它可以保存网页URL作为启动图标Safari浏览器,可以在Android设备上有类似的功能被发现的?我也有兴趣在提示用户创建的启动图标,如果他们是从手机/平板电脑访问它。

I found a solution for it in IOS, which is also supported by the safari browser using which you can save the page url as a launch icon, can a similar feature be found on a android device? I would also be interested in prompting the users to create the launch icon if they are accessing it from a mobile phone /tablet.

推荐答案

这是pferred方式$ P $,因为这是所有基于Android的默认选项,并不会增加任何维护。的

如果在Android上你很久preSS的主屏幕,然后选择小部件选项,您可以创建书签。这将让你选择你的Chrome书签书签桌面上进行链接。如果,你的作品你都设置有默认的A​​ndr​​oid功能。从书签图标用于在桌面上。

If on android you long press the home screen and then select the widget option you can create a bookmark. This will let you select a bookmark from your chrome bookmarks to be linked on the desktop. If that works for you you're all set with default Android features. The icon from the bookmark is used on the desktop.

与此类似方法是选择添加到主屏幕,在Chrome设置菜单选项。

Similar to this approach is selecting the "Add to homescreen" option in the chrome settings menu.

的图标是从网站的图标。

The icon is the icon from the website.

作为替代方案之前说是创建一个应用程序,仅提供的是一个链接到您的移动网站的目的。然后,你有两个选择:的

使用意图与您的网址打开用户的默认浏览器的应用程序。这应该是要走的路,因为现在用户可以继续使用自己喜欢的浏览器。

An app that uses intents to open the default browser of the user with your URL. This should be the way to go since the user can now keep on using his favorite browser.

这是应用程序,它包含一个单一的WebView加载你的web应用的URL。最后一个选项让你更好地控制浏览体验(阻塞脚本,覆盖请求,...)。然而,用户不能再使用了preferred浏览器。

An app that contains a single webview loading the URL of your webapp. This last option gives you more control over the browsing experience (blocking scripts, overriding requests, ...). However the user can no longer use his preferred browser.

在这两种情况下的图标将配置和应用程序内分布的图标。这还引入了一个新的应用程序发布的需要,如果图标或URL应该改变。

In both cases the Icon will be the icon configured and distributed within the app. This also introduce the need of a new app release if the icon or the URL should change.

这个web应用程序中的方法code的例子和信息可以在 HTTP发现://developer.android.com/guide/webapps/webview.html

Code examples and information about this webapp in app approach can be found at http://developer.android.com/guide/webapps/webview.html

另外一个很好的资源就是 https://developers.google.com/chrome/移动/文档/ web视图/概述其中,使用具有的WebView一个原生的Andr​​oid应用程序,移动应用程序的开发上覆盖着几个方面的类似工具,CSS技巧等等。

Another good resource is https://developers.google.com/chrome/mobile/docs/webview/overview where mobile app development using a native android app with webview is covered with several aspects like tools, css tricks and more.