我刚开始接触Android的Web应用程序..
如何通过单击按钮使用Javascript从网页上添加一个书签到主屏幕?
如果我们为用户提供了方便的方法来收藏页面,他们会对它们表现出一些兴趣。这是我项目的要求之一。
怎样才能实现呢?
我刚开始接触Android的Web应用程序..
如何通过单击按钮使用Javascript从网页上添加一个书签到主屏幕?
如果我们为用户提供了方便的方法来收藏页面,他们会对它们表现出一些兴趣。这是我项目的要求之一。
怎样才能实现呢?
这里有些人好像没有理解你想要的是移动端,而不是IE、Firefox等。他们似乎也没有很好地阅读你说的“网站”,而不是“移动应用”。但是,我相信我已经正确阅读了你的问题。
极有可能你也想要iPhone的相应功能,因此我会同时回答iPhone和Android的解决方案。
对于iPhone,只需使用此脚本:
http://code.google.com/p/mobile-bookmark-bubble/
对于Android来说,情况就不那么美好了。不幸的是,您将需要创建一个按钮或超链接,将其重定向到您网站上的说明页面。该说明将告诉网页访问者执行“设置 > 更多 > 添加主屏幕快捷方式”的操作,并希望他们能够了解。
Android的一种选择是,您可以派生移动书签泡沫(mobile-bookmark-bubble)项目,使其在页面底部加载而不包含底部三角形,并让它显示“单击设置按钮>更多>添加主屏幕快捷方式”。此外,您可能还想将设置按钮的2根条形图标放在“设置按钮”旁边。
至于如何自定义创建的图标,我仍在研究中,找到后会更新此答案。
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);
浏览器无法识别意图方案,因此您无法从网页中添加网页的快捷方式。
这可以帮助
<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/)