[javascript] 브라우저별 북마크 - 즐겨찾기 추가 updated_at: 2024-12-14 03:23

즐겨찾기 추가

javascript를 이용하여 브라우저별로 즐겨찾기 추가하는 방식

jquery를 활용한 방식

$('#favorite').on('click', function(e) { 
  var bookmarkURL = window.location.href; 
  var bookmarkTitle = document.title; 
  var triggerDefault = false; 
  var $elem = $(this);

  if (window.sidebar) {
    if (window.sidebar.addPanel) { // Firefox version < 23 
      window.sidebar.addPanel(bookmarkTitle, bookmarkURL, ''); 
    } else if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) { // Firefox version >= 23
      $elem.attr('href', bookmarkURL); 
      $elem.attr('title', bookmarkTitle); 
      $elem.attr('rel', 'sidebar'); 
      $elem.off(e); 
      triggerDefault = true; 
    }
  } else if(window.opera && window.print) { // Opera Hotlist 
    $elem.attr('href', bookmarkURL); 
    $elem.attr('title', bookmarkTitle); 
    $elem.attr('rel', 'sidebar'); 
    $elem.off(e); 
    triggerDefault = true; 
  } else if (window.external && ('AddFavorite' in window.external)) { // IE Favorite 
    window.external.AddFavorite(bookmarkURL, bookmarkTitle); 
  } else { // WebKit - Safari/Chrome 
    alert((navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Cmd' : 'Ctrl') + '+D 키를 눌러 즐겨찾기에 등록하실 수 있습니다.'); 
  } 
  return triggerDefault; 
});

javascript 만으로 처리

<a href="javascript:bookmarksite('타이틀', 'https://www.onstory.fun')">즐겨찾기 추가하기</a>    
function bookmarksite(title,url) {    
  if(document.all) { // Internet Explorer 
    window.external.AddFavorite(url, title);    
  } else if(window.chrome) { // Google Chrome 
    alert("Ctrl+D키를 누르시면 즐겨찾기에 추가하실 수 있습니다.");   
  } else if (window.sidebar) { // Firefox  
    window.sidebar.addPanel(title, url, "");    
  } else if(window.opera && window.print) { // Opera   
    var elem = document.createElement('a');
    elem.setAttribute('href',url);       
    elem.setAttribute('title',title);
    elem.setAttribute('rel','sidebar');       
    elem.click();    
	}
}  
평점을 남겨주세요
평점 : 5.0
총 투표수 : 1

질문 및 답글