首页 > Web前端技术, 网站运营 > 设为首页添加收藏夹代码-支持所有浏览器
201304月16

设为首页添加收藏夹代码-支持所有浏览器

背景说明

最近做的一个网站上面有一个功能就是将现在的页面设置为首页,添加收藏的小功能,其实这个功能是所有网站上面基本都存在的功能,但是需要实现所有浏览器都支持设为首页、添加收藏,确实不怎么好实现,下面将自己在网上查的一些资料做下总结。
把页面设置为首页,加入收藏功能,支持ie,火狐,谷歌,safari,360安全,qq,遨游,搜狗浏览器等浏览器,目前不支持360急速浏览器的兼容模式下加入收藏功能。这里虽然说是兼容,但是有些浏览器本身就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示。

设为首页的代码

//设为首页
function setHome(url){
    if (document.all) {
        document.body.style.behavior='url(#default#homepage)';
           document.body.setHomePage(url);
    }else{
        alert("您好,您的浏览器不支持自动设置页面为首页功能,"+
                "请您手动在浏览器里设置该页面为首页!");
    }
}
<a onclick="setHome(window.location)" href="javascript:void(0)">设为首页</a>

添加收藏夹代码

//加入收藏
function addFavorite(url, title) {
	url = encodeURI(url); 
   	try{
    //ie浏览器收藏方式
    	window.external.addFavorite(url, title);
   	}catch(e) {
    	try{
        	//火狐浏览器收藏方式
        	window.sidebar.addPanel(title, url, "爱积累爱分享博客");
       	}catch (e) {
        	alert("加入收藏失败,请使用Ctrl+D进行添加,"+
                	"或手动在浏览器里进行设置.");
       	}
   }
}
<a onclick="addFavorite(window.location,document.title)"
			href="javascript:void(0)">加入收藏</a>

文章作者: iitshare
本文地址:http://www.iitshare.com/set-home-add-favorites-code.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

更多

4 Responses to “设为首页添加收藏夹代码-支持所有浏览器”

  1. #1 雾霾 回复 | 引用 Post:2013-04-17 23:08

    来看看博主。

  2. #3 金六福 回复 | 引用 Post:2013-04-18 21:52

    找了很久,都没找到真正有用的,谢谢了

    • #4 iitshare 回复 | 引用 Post:2013-04-19 00:08

      这个不能满足你的需求吗?我们项目当中就用这个

发表评论