[javascript] 브라우저별 북마크 - 즐겨찾기 추가
즐겨찾기 추가
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();
}
}