时间戳

首页 > 解决方案 > 如何创建“收藏此页”按钮？

javascript - 如何创建“收藏此页”按钮？

问题描述

我建立了一个网站，并想添加一个简单的按钮来允许访问者将我的页面添加到他们的书签/收藏夹中。有没有办法使用 javascript 做到这一点？并且有一个跨浏览器的解决方案吗？

Stack Overflow 中所有以前的答案都不再起作用，尝试了所有最新的和一些非常旧的答案，但没有成功。这不是一个重复的问题。

我尝试了很多解决方案，但最后一个是：

$(function() {
  $('#bookmarkme').click(function() {
    if (window.sidebar && window.sidebar.addPanel) { // Mozilla Firefox Bookmark
      window.sidebar.addPanel(document.title, window.location.href, '');
    } else if (window.external && ('AddFavorite' in window.external)) { // IE Favorite
      window.external.AddFavorite(location.href, document.title);
    } else if (window.opera && window.print) { // Opera Hotlist
      this.title = document.title;
      return true;
    } else { // webkit - safari/chrome
      alert('Press ' + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + ' + D to bookmark this page.');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="bookmarkme" href="#" rel="sidebar" title="bookmark this page">Bookmark This Page</a>

标签： javascripthtmlcssbrowserbookmarks

解决方案

曾几何时，这是可以做到的。但是不道德的网站会滥用该功能，强行将用户不想加入书签的网站加入书签。现在页面不再可能代表用户添加书签。

推荐阅读