javascript SocialHistory 检查访问者是否访问过某站点_javascript技巧
程序员文章站
2022-05-04 22:41:31
...
window.onload = function() { var sl = new SocialHistory(); alert(sl.doesVisit("www.jb51.net")); } 如果用户曾经使用过www.jb51.net,那么该函数就会返回真,否则返回假。 其实原理并不复杂,它利用了链接的 a:visited 伪类的属性。首先在页面上生成一个iframe,并在这个iframe中设置 a 和 a:visited 为不同的样式。然后将网站的链接插入到 iframe 中。浏览器就会根据用户的访问历史,为访问过的链接设置 a:visited 的样式。最后再获得链接的最终样式,如果是 a:visited,就可以认为用户访问过该网站了。具体的实现方式可以参考源代码。 这个脚本主要用于显示社会性书签的图标,可以恰到好处地显示用户所使用的网站。但我担心,这样的做法是不是有盗取用户隐私之嫌?虽然这个方法只能判断用户有无访问特定的网站,并不能无限制地得到所有访问历史。 /* |
* Social Limit - Only the social you care about. |
* |
* Enables your site to know which social bookmarking badges to display to your |
* visitors. It tells you all social sites the user has gone to, or you can |
* query for a specific one. |
* |
* For example: |
* |
* var sl = SocialHistory(); |
* alert( sl.doesVisit("Digg") ); // Returns true/false, -1 if unknown. |
* var listOfVisitedSites = sl.visitedSites(); |
* var checkedSites = sl.checkedSites(); |
* |
* If you want to add more sites to check, you can pass that in as a dictionary |
* to History: |
* |
* var more = { "Humanized": "http://humanized.com", |
* "Azarask.in": ["http://azarask.in", "http://azarask.in/blog"] |
* }; |
* var sl = SocialHistory(more); |
* alert( sl.doesVisit("Humanized") ); |
* |
* For a list of built-in sites, see the sites variable below. |
* |
* Copyright (c) 2008 Aza Raskin (http://azarask.in/blog) |
* |
* Permission is hereby granted, free of charge, to any person obtaining a copy |
* of this software and associated documentation files (the "Software"), to deal |
* in the Software without restriction, including without limitation the rights |
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
* copies of the Software, and to permit persons to whom the Software is |
* furnished to do so, subject to the following conditions: |
* |
* The above copyright notice and this permission notice shall be included in |
* all copies or substantial portions of the Software. |
* |
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN |
* THE SOFTWARE. |
* |
*/ |
var SocialHistory = function( moreSites ){ |
var sites = { |
"Digg": ["http://digg.com", "http://digg.com/login"], |
"Reddit": ["http://reddit.com", "http://reddit.com/new/", "http://reddit.com/controversial/", "http://reddit.com/top/", "http://reddit.com/r/reddit.com/", "http://reddit.com/r/programming/"], |
"StumbleUpon": ["http://stumbleupon.com"], |
"Yahoo Buzz": ["http://buzz.yahoo.com"], |
"Facebook": ["http://facebook.com/home.php", "http://facebook.com", "https://login.facebook.com/login.php"], |
"Del.icio.us": ["https://secure.del.icio.us/login", "http://del.icio.us/"], |
"MySpace": ["http://www.myspace.com/"], |
"Technorati": ["http://www.technorati.com"], |
"Newsvine": ["https://www.newsvine.com", "https://www.newsvine.com/_tools/user/login"], |
"Songza": ["http://songza.com"], |
"Slashdot": ["http://slashdot.org/"], |
"Ma.gnolia": ["http://ma.gnolia.com/"], |
"Blinklist": ["http://www.blinklist.com"], |
"Furl": ["http://furl.net", "http://furl.net/members/login"], |
"Mister Wong": ["http://www.mister-wong.com"], |
"Current": ["http://current.com", "http://current.com/login.html"], |
"Menaeme": ["http://meneame.net", "http://meneame.net/login.php"], |
"Oknotizie": ["http://oknotizie.alice.it", "http://oknotizie.alice.it/login.html.php"], |
"Diigo": ["http://www.diigo.com/", "https://secure.diigo.com/sign-in"], |
"Funp": ["http://funp.com", "http://funp.com/account/loginpage.php"], |
"Blogmarks": ["http://blogmarks.net"], |
"Yahoo Bookmarks": ["http://bookmarks.yahoo.com"], |
"Xanga": ["http://xanga.com"], |
"Blogger": ["http://blogger.com"], |
"Last.fm": ["http://www.last.fm/", "https://www.last.fm/login/"], |
"N4G": ["http://www.n4g.com"], |
"Faves": ["http://faves.com", "http://faves.com/home", "https://secure.faves.com/signIn"], |
"Simpy": ["http://www.simpy.com", "http://www.simpy.com/login"], |
"Yigg": ["http://www.yigg.de"], |
"Kirtsy": ["http://www.kirtsy.com", "http://www.kirtsy.com/login.php"], |
"Fark": ["http://www.fark.com", "http://cgi.fark.com/cgi/fark/users.pl?self=1"], |
"Mixx": ["https://www.mixx.com/login/dual", "http://www.mixx.com"], |
"Google Bookmarks": ["http://www.google.com/bookmarks", "http://www.google.com/ig/add?moduleurl=bookmarks.xml&hl=en"], |
"Subbmitt": ["http://subbmitt.com/"] |
}; |
for( var site in moreSites ) { |
// If we don't have the site, create the URL list. |
if( typeof( sites[site] ) == "undefined" ) sites[site] = []; |
// If the value is string, just push that onto the URL list. |
if( typeof( moreSites[site] ) == "string" ) |
sites[site].push( moreSites[site] ); |
else |
sites[site] = sites[site].concat( moreSites[site] ); |
} |
var visited = {}; |
function getStyle(el, scopeDoc,styleProp) { |
if (el.currentStyle) |
var y = el.currentStyle[styleProp]; |
else if (window.getComputedStyle) |
var y = scopeDoc.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp); |
return y; |
} |
function remove( el ) { |
el.parentNode.removeChild( el ); |
} |
// Code inspired by: |
// bindzus.wordpress.com/2007/12/24/adding-dynamic-contents-to-iframes |
function createIframe() { |
var iframe = document.createElement("iframe"); |
iframe.style.position = "absolute"; |
iframe.style.visibility = "hidden"; |
document.body.appendChild(iframe); |
// Firefox, Opera |
if(iframe.contentDocument) iframe.doc = iframe.contentDocument; |
// Internet Explorer |
else if(iframe.contentWindow) iframe.doc = iframe.contentWindow.document; |
// Magic: Force creation of the body (which is null by default in IE). |
// Also force the styles of visited/not-visted links. |
iframe.doc.open(); |
iframe.doc.write('); |
iframe.doc.write("a{color: #000000; display:none;}"); |
iframe.doc.write("a:visited {color: #FF0000; display:inline;}"); |
iframe.doc.write(''); |
iframe.doc.close(); |
// Return the iframe: iframe.doc contains the iframe. |
return iframe; |
} |
var iframe = createIframe(); |
function embedLinkInIframe( href, text ) { |
var a = iframe.doc.createElement("a"); |
a.href = href; |
a.innerHTML = site; |
iframe.doc.body.appendChild( a ); |
} |
for( var site in sites ) { |
var urls = sites[site]; |
for( var i=0; iurls.length; i++ ) { |
// You have to create elements in the scope of the iframe for IE. |
embedLinkInIframe( urls[i], site ); |
// Automatically try variations of the URLS with and without the "www" |
if( urls[i].match(/www\./) ){ |
var sansWWW = urls[i].replace(/www\./, ""); |
embedLinkInIframe( sansWWW, site ); |
} else { |
// 2 = 1 for length of string + 1 for slice offset |
var httpLen = urls[i].indexOf("//") + 2; |
var withWWW = urls[i].substring(0, httpLen ) + "www." + urls[i].substring( httpLen ); |
embedLinkInIframe( withWWW, site ); |
} |
} |
} |
var links = iframe.doc.body.childNodes; |
for( var i=0; ilinks.length; i++) { |
// Handle both Firefox/Safari, and IE (respectively) |
var displayValue = getStyle(links[i], iframe.doc, "display"); |
var didVisit = displayValue != "none"; |
if( didVisit ){ |
visited[ links[i].innerHTML ] = true; |
} |
} |
remove( iframe ); |
return new (function(){ |
var usedSites = []; |
for( var site in visited ){ |
usedSites.push( site ); |
} |
// Return an array of visited sites. |
this.visitedSites = function() { |
return usedSites; |
} |
// Return true/false. If we didn't check the site, return -1. |
this.doesVisit = function( site ) { |
if( typeof( sites[site] ) == "undefined" ) |
return -1; |
return typeof( visited[site] ) != "undefined"; |
} |
var checkedSites = []; |
for( var site in sites ){ |
checkedSites.push( site ); |
} |
// Return a list of the sites checked. |
this.checkedSites = function(){ |
return checkedSites; |
} |
})(); |
} |