Question

我是Android的网络应用程序的新手..

如何通过单击按钮使用Javascript从网页在主屏幕上添加书签？

如果我们为用户提供一种简单的方式来为页面添加书签，他们就会对将它们加入书签感兴趣。这是我项目的要求之一。

如何做到这一点？

Answer 1

在这里回答的一些人似乎不明白你想要什么东西用于移动，而不是IE，Firefox等。他们在你说“网站”而不是“移动应用程序”的地方似乎也看不太清楚。但是，我相信我已经正确地阅读了你的问题。

你可能也想要iPhone的这个概率非常高，所以我也会为iPhone和Android回答这个问题。

对于iPhone，它就像使用这个脚本一样简单：

http://code.google.com/p/mobile-bookmark-bubble/

对于Android，不幸的是，它并不那么漂亮。您必须创建一个按钮或超链接，重定向到您网站上的说明页面。该说明将告诉网络访问者“设置＆gt;更多＆gt;向主页添加快捷方式”，并希望他们“得到它”。

Android的一个选项是你可以分叉移动书签泡泡，让它加载到页面底部而没有底部三角形，然后让它读取，“点击设置按钮＆gt;更多＆gt;添加快捷方式到家”。同样，您可能需要将“设置”按钮的2个条形图标放在“设置按钮”旁边。

至于如何自定义创建的图标，我仍然在研究它，并在我发现时更新这个答案。

Answer 2

这是一个可能的解决方法，虽然它不是你想要的，但我认为这是最简单的解决方案，因为我非常怀疑android允许网页自动向设备发出意图，因为这将是潜在的安全问题。 如果我错了，有人请纠正我

我建议您创建一个只是书签包装的应用程序。当用户点击您的应用时，您的应用会创建一个意图，只需将设备的默认网络浏览器打开到您的网页即可。虽然这将要求用户安装应用程序，但它比普通书签有一些优势。您将能够跟踪安装了您的应用程序/书签的人数，他们使用它的频率等。您还可以提供漂亮的图标，而不是使用库存“书签”图标。

将该应用程序作为免费应用程序上传到市场，并在您的网页上放置“添加书签”链接，只需指导用户下载您的免费应用程序。

Answer 3

您可以使用此代码在主屏幕上创建网页快捷方式。提供必要的信息，如网址，标题等。

  final Intent in = new Intent();
  final Intent shortcutIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
  long urlHash = url.hashCode();
  long uniqueId = (urlHash << 32) | shortcutIntent.hashCode();
  shortcutIntent.putExtra(Browser.EXTRA_APPLICATION_ID, Long.toString(uniqueId));
  in.putExtra(Intent.EXTRA_SHORTCUT_INTENT, shortcutIntent);
  in.putExtra(Intent.EXTRA_SHORTCUT_NAME, title);
  in.putExtra(Intent.EXTRA_SHORTCUT_ICON_RESOURCE,
                    Intent.ShortcutIconResource.fromContext(
                            BrowserBookmarksPage.this,
                            R.drawable.ic_launcher_shortcut_browser_bookmark));
  in.setAction("com.android.launcher.action.INSTALL_SHORTCUT"); 
//or   in.setAction(Intent.ACTION_CREATE_SHORTCUT); 

  sendBroadcast(in);

更新

浏览器无法识别意图方案，因此您无法从网页添加网页快捷方式。

Answer 4

这可以帮助

<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("a.jQueryBookmark").click(function(e){
    e.preventDefault(); // this will prevent the anchor tag from going the user off to the link
    var bookmarkUrl = this.href;
    var bookmarkTitle = this.title;

    if (window.sidebar) { // For Mozilla Firefox Bookmark
        window.sidebar.addPanel(bookmarkTitle, bookmarkUrl,"");
    } else if( window.external || document.all) { // For IE Favorite
        window.external.AddFavorite( bookmarkUrl, bookmarkTitle);
    } else if(window.opera) { // For Opera Browsers
        $("a.jQueryBookmark").attr("href",bookmarkUrl);
        $("a.jQueryBookmark").attr("title",bookmarkTitle);
        $("a.jQueryBookmark").attr("rel","sidebar");
    } else { // for other browsers which does not support
         alert('Your browser does not support this bookmark action');
         return false;
    }
});
});
</script>

<h2>Click on the respective links below to bookmark the same</h2>
<a href="http://www.developersnippets.com" title="developersnippets.com" class="jQueryBookmark">DeveloperSnippets</a>, <a href="http://www.techvideobytes.com" title="Tech Video Bytes" class="jQueryBookmark">Tech Video Bytes</a>, <a href="http://www.wittysparks.com" title="Witty Sparks" class="jQueryBookmark">Witty Sparks</a>, <a href="http://www.snehah.com/" title="Snehah.com" class="jQueryBookmark">Snehah.com</a>

有关详细信息，请转到此链接（http://www.developersnippets.com/2009/05/10/simple-bookmark-script-using-jquery/）

如何在网页上的主屏幕上添加Android书签？

4 个答案:

更新