Web-Frontend
js-Tutorial
JS-Code implementiert die Funktion zur Erkennung der Computerkonfiguration
JS-Code implementiert die Funktion zur Erkennung der Computerkonfiguration
In diesem Artikel wird hauptsächlich der JS-Code zur Implementierung der Computerkonfigurationserkennungsfunktion vorgestellt. Freunde, die ihn benötigen, können darauf zurückgreifen.
Der folgende Code wird Ihnen den JS-Code zur Implementierung der Computerkonfigurationserkennungsfunktion zur Verfügung stellen. Der spezifische Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
h1 {
text-align: center;
color: #000046;
}
.i {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
margin: 5px 20px;
background: url(http://yi.sunlands.com/ent-portal-war/images/tc_icon.png) no-repeat;
}
.a {
background-position: 0 0;
}
.b {
background-position: 0 -40px;
}
.c {
background-position: 0 -80px;
}
.d {
background-position: 0 -120px;
}
.e {
background-position: 0 -160px;
}
b {
color: #007ac3;
padding-right: 10px;
}
i {
color: green;
font-weight: bold;
}
.box {
width: 460px;
height: 360px;
margin: auto;
padding: 20px;
border: 2px solid darkgray;
font-size: 18px;
border-radius: 10px;
border-left-width: 10px;
border-right-width: 10px;
}
</style>
<body>
<h1>电脑配置检测</h1>
<hr />
<p class="box">
<p> <i class="i a"></i> <b>您的操作系统是: </b> <i id="xitong"></i> </p>
<p> <i class="i b"></i> <b>您的网络链接状态是: </b> <i id="netline"></i> </p>
<p> <i class="i b"></i> <b>您当前浏览网速是:</b> <i id="wangsu"></i> </p>
<p> <i class="i c"></i> <b>您电脑的分辨率是:</b> <i id="fenbianlv"></i> </p>
<p> <i class="i d"></i> <b>您的浏览器是:</b> <i id="liulanqi"></i> </p>
<p> <i class="i e"></i> <b>您的flash的版本是:</b> <i id="flash_banben"></i> </p>
</p>
</body>
<script src="jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
if(typeof Obj == "undefined") {
var Obj = new Object();
}
if(typeof Obj.SWFObjectUtil == "undefined") {
Obj.SWFObjectUtil = new Object();
}
Obj.SWFObject = function(_1, id, w, h, _5, c, _7, _8, _9, _a) {
if(!document.getElementById) return;
this.params = new Object();
this.variables = new Object();
this.attributes = new Array();
if(_1) this.setAttribute("swf", _1);
if(id) this.setAttribute("id", id);
if(w) this.setAttribute("width", w);
if(h) this.setAttribute("height", h);
if(_5) this.setAttribute("version", new Obj.PlayerVersion(_5.toString().split(".")));
this.installedVer = Obj.SWFObjectUtil.getPlayerVersion();
if(!window.opera && document.all && this.installedVer.major > 7) {
Obj.SWFObject.doPrepUnload = true;
}
if(c) this.addParam("bgcolor", c);
var q = _7 ? _7 : "high";
this.addParam("quality", q);
this.setAttribute("useExpressInstall", false);
this.setAttribute("doExpressInstall", false);
var _c = (_8) ? _8 : window.location;
this.setAttribute("xiRedirectUrl", _c);
this.setAttribute("redirectUrl", "");
if(_9) this.setAttribute("redirectUrl", _9);
};
Obj.SWFObject.prototype = {
useExpressInstall: function(_d) {
this.xiSWFPath = !_d ? "expressinstall.swf" : _d;
this.setAttribute("useExpressInstall", true);
},
setAttribute: function(_e, _f) {
this.attributes[_e] = _f;
},
getAttribute: function(_10) {
return this.attributes[_10];
},
addParam: function(_11, _12) {
this.params[_11] = _12;
},
getParams: function() {
return this.params;
},
addVariable: function(_13, _14) {
this.variables[_13] = _14;
},
getVariable: function(_15) {
return this.variables[_15];
},
getVariables: function() {
return this.variables;
},
getVariablePairs: function() {
var _16 = new Array();
var key;
var _18 = this.getVariables();
for(key in _18) {
_16[_16.length] = key + "=" + _18[key];
}
return _16;
},
getSWFHTML: function() {
var _19 = "";
if(navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) {
if(this.getAttribute("doExpressInstall")) {
this.addVariable("MMplayerType", "PlugIn");
this.setAttribute("swf", this.xiSWFPath);
}
_19 = "<embed type=\"application/x-shockwave-flash\" src=\"" + this.getAttribute("swf") + "\" width=\"" + this.getAttribute("width") + "\" height=\"" + this.getAttribute("height") + "\" style=\"" + this.getAttribute("style") + "\"";
_19 += " id=\"" + this.getAttribute("id") + "\" name=\"" + this.getAttribute("id") + "\" ";
var _1a = this.getParams();
for(var key in _1a) {
_19 += [key] + "=\"" + _1a[key] + "\" ";
}
var _1c = this.getVariablePairs().join("&");
if(_1c.length > 0) {
_19 += "flashvars=\"" + _1c + "\"";
}
_19 += "/>";
} else {
if(this.getAttribute("doExpressInstall")) {
this.addVariable("MMplayerType", "ActiveX");
this.setAttribute("swf", this.xiSWFPath);
}
_19 = "<object id=\"" + this.getAttribute("id") + "\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\"" + this.getAttribute("width") + "\" height=\"" + this.getAttribute("height") + "\" style=\"" + this.getAttribute("style") + "\">";
_19 += "<param name=\"movie\" value=\"" + this.getAttribute("swf") + "\" />";
var _1d = this.getParams();
for(var key in _1d) {
_19 += "<param name=\"" + key + "\" value=\"" + _1d[key] + "\" />";
}
var _1f = this.getVariablePairs().join("&");
if(_1f.length > 0) {
_19 += "<param name=\"flashvars\" value=\"" + _1f + "\" />";
}
_19 += "</object>";
}
return _19;
},
write: function(_20) {
if(this.getAttribute("useExpressInstall")) {
var _21 = new Obj.PlayerVersion([6, 0, 65]);
if(this.installedVer.versionIsValid(_21) && !this.installedVer.versionIsValid(this.getAttribute("version"))) {
this.setAttribute("doExpressInstall", true);
this.addVariable("MMredirectURL", escape(this.getAttribute("xiRedirectUrl")));
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
this.addVariable("MMdoctitle", document.title);
}
}
if( this.getAttribute("doExpressInstall") || this.installedVer.versionIsValid(this.getAttribute("version"))) {
var n = (typeof _20 == "string") ? document.getElementById(_20) : _20;
n.innerHTML = this.getSWFHTML();
return true;
} else {
if(this.getAttribute("redirectUrl") != "") {
document.location.replace(this.getAttribute("redirectUrl"));
}
}
return false;
}
};
Obj.PlayerVersion = function(_29) {
this.major = _29[0] != null ? parseInt(_29[0]) : 0;
this.minor = _29[1] != null ? parseInt(_29[1]) : 0;
this.rev = _29[2] != null ? parseInt(_29[2]) : 0;
};
Obj.SWFObjectUtil.getPlayerVersion = function() {
var _23 = new Obj.PlayerVersion([0, 0, 0]);
if(navigator.plugins && navigator.mimeTypes.length) {
var x = navigator.plugins["Shockwave Flash"];
if(x && x.description) {
_23 = new Obj.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/, "").replace(/(\s+r|\s+b[0-9]+)/, ".").split("."));
}
} else {
if(navigator.userAgent && navigator.userAgent.indexOf("Windows CE") >= 0) {
var axo = 1;
var _26 = 3;
while(axo) {
try {
_26++;
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash." + _26);
_23 = new Obj.PlayerVersion([_26, 0, 0]);
} catch(e) {
axo = null;
}
}
} else {
try {
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
} catch(e) {
try {
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
_23 = new Obj.PlayerVersion([6, 0, 21]);
axo.AllowScriptAccess = "always";
} catch(e) {
if(_23.major == 6) {
return _23;
}
}
try {
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
} catch(e) {}
}
if(axo != null) {
_23 = new Obj.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));
}
}
}
return _23;
};
//获取浏览器flash版本号
function getFlashVersion() {
var version = Obj.SWFObjectUtil.getPlayerVersion();
$("#flash_banben").html(version['major'] + "." + version['minor'] + "." + version['rev']);
};
//获取操作系统屏幕分辨率
function getScreenSize() {
return {
width: screen.width,
height: screen.height
};
}
$("#fenbianlv").html(getScreenSize().width + "*" + getScreenSize().height);
function getNetline() {
$('#netline').text("网络已链接");
window.ononline = function() {
$('#netline').text("网络已链接");
};
window.onoffline = function() {
$('#netline').text("网络已断开");
};
}
//获取浏览器版本
function getExplorerVersion() {
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
var result = "";
(s = ua.match(/qqbrowser\/([\d.]+)/)) ? Sys.qqbrowser = s[1]:
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/(trident)\/([\d.]+)/)) ? Sys.ie = '11.0' :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
if(Sys.ie)
result = "IE " + Sys.ie;
else if(Sys.firefox)
result = "firefox " + Sys.firefox;
else if(Sys.chrome)
result = "chrome " + Sys.chrome;
else if(Sys.opera)
result = "opera " + Sys.opera;
else if(Sys.safari)
result = "safari" + Sys.safari;
else if(Sys.qqbrowser)
result = "QQBrowser" + Sys.qqbrowser;
else
result = "未知";
$("#liulanqi").html(result + "(内核)");
}
//获取操作系统版本
function getOsVersion() {
var opName = "";
var Name = "";
var ua = window.navigator.userAgent;
var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows") || (navigator.platform == "Win64");
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
if(isMac) {
opName = "Mac";
Name = "Mac";
} else if(isWin) {
var osN = "";
if(ua.indexOf("WOW") != -1 || ua.indexOf("Win64") != -1) {
osN = "64";
} else {
osN = "32";
}
var osV = ua.substr(ua.indexOf("Windows NT ") + 11, 3);
switch(osV) {
case "5.0":
opName = "Windows XP2000";
Name = "Win2000";
break;
case "5.1":
opName = "Windows XP ";
Name = "WinXP";
break;
case "5.2":
opName = "Windows 2003";
Name = "Win2003";
break;
case "6.1":
opName = "Windows 7 " + osN + "位";
Name = "Win7";
break;
case "6.3":
opName = "Windows 8 " + osN + "位";
Name = "Win8";
break;
default:
Name = "Other";
break;
}
} else {
var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
if(isUnix) {
opName = "Unix";
Name = "Unix";
} else {
var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
if(isLinux) {
opName = "Linux";
Name = "Linux";
} else {
Name = "Other";
}
}
}
$("#xitong").html(opName);
}
//获取网速
function getNet() {
var starttime = new Date();
var size = 0, //文件长度，由脚本使用HEAD自动计算
url = "2017-08-22_233329.jpg?" + new Date().valueOf(); //获取文件的长度：
var xhr = $.ajax({
type: 'get', //"head",
url: url,
success: function(msg) {
size = xhr.getResponseHeader('Content-Length');
//开始GET数据：
$.get(url, function(data) {
var endtime = new Date();
usetime = endtime - starttime;
if(usetime == 0) {
usetime = 10;
}
var speed = (size / (1024)) / (usetime / (1000));
var result_text = speed.toFixed(2);
$("#wangsu").html(result_text + "KB/S");
});
}
});
}
getNet();
getOsVersion();
getExplorerVersion();
getFlashVersion();
getNetline();
}());
</script>
</html>Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.
Verwandte Artikel:
5 Ajax-Interaktionsmethoden zwischen Spring MVC Front-End und Back-End
ajax+springmvc implementiert C und Methoden des Datenaustauschs zwischen Ansichten
Das obige ist der detaillierte Inhalt vonJS-Code implementiert die Funktion zur Erkennung der Computerkonfiguration. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1379
52
Die perfekte Kombination aus PyCharm und PyTorch: detaillierte Installations- und Konfigurationsschritte
Feb 21, 2024 pm 12:00 PM
PyCharm ist eine leistungsstarke integrierte Entwicklungsumgebung (IDE) und PyTorch ist ein beliebtes Open-Source-Framework im Bereich Deep Learning. Im Bereich maschinelles Lernen und Deep Learning kann die Verwendung von PyCharm und PyTorch für die Entwicklung die Entwicklungseffizienz und Codequalität erheblich verbessern. In diesem Artikel wird detailliert beschrieben, wie PyTorch in PyCharm installiert und konfiguriert wird, und es werden spezifische Codebeispiele angehängt, um den Lesern zu helfen, die leistungsstarken Funktionen dieser beiden besser zu nutzen. Schritt 1: Installieren Sie PyCharm und Python
Das Funktionsprinzip und die Konfigurationsmethode von GDM im Linux-System
Mar 01, 2024 pm 06:36 PM
Titel: Das Funktionsprinzip und die Konfigurationsmethode von GDM in Linux-Systemen. In Linux-Betriebssystemen ist GDM (GNOMEDisplayManager) ein gängiger Anzeigemanager, der zur Steuerung der grafischen Benutzeroberfläche (GUI)-Anmeldung und Benutzersitzungsverwaltung verwendet wird. In diesem Artikel werden das Funktionsprinzip und die Konfigurationsmethode von GDM vorgestellt und spezifische Codebeispiele bereitgestellt. 1. Funktionsprinzip von GDM GDM ist der Display-Manager in der GNOME-Desktop-Umgebung. Er ist für den Start des X-Servers und die Bereitstellung der Anmeldeschnittstelle verantwortlich
Verstehen Sie Linux Bashrc: Funktionen, Konfiguration und Verwendung
Mar 20, 2024 pm 03:30 PM
Grundlegendes zu Linux Bashrc: Funktion, Konfiguration und Verwendung In Linux-Systemen ist Bashrc (BourneAgainShellruncommands) eine sehr wichtige Konfigurationsdatei, die verschiedene Befehle und Einstellungen enthält, die beim Systemstart automatisch ausgeführt werden. Die Bashrc-Datei befindet sich normalerweise im Home-Verzeichnis des Benutzers und ist eine versteckte Datei. Ihre Funktion besteht darin, die Bashshell-Umgebung für den Benutzer anzupassen. 1. Bashrc-Funktionseinstellungsumgebung
Das neueste Meisterwerk des MIT: Verwendung von GPT-3.5 zur Lösung des Problems der Erkennung von Zeitreihenanomalien
Jun 08, 2024 pm 06:09 PM
Heute möchte ich Ihnen einen letzte Woche vom MIT veröffentlichten Artikel vorstellen, in dem GPT-3.5-turbo verwendet wird, um das Problem der Erkennung von Zeitreihenanomalien zu lösen, und zunächst die Wirksamkeit von LLM bei der Erkennung von Zeitreihenanomalien überprüft wird. Im gesamten Prozess gibt es keine Feinabstimmung, und GPT-3.5-Turbo wird direkt zur Anomalieerkennung verwendet. Der Kern dieses Artikels besteht darin, wie man Zeitreihen in Eingaben umwandelt, die von GPT-3.5-Turbo erkannt werden können, und wie man sie entwirft Eingabeaufforderungen oder Pipelines, damit LLM die Anomalieerkennungsaufgabe lösen kann. Lassen Sie mich Ihnen diese Arbeit im Detail vorstellen. Titel des Bildpapiers: Largelingualmodelscanbezero-shotanomalydete
So konfigurieren Sie eine Arbeitsgruppe im Win11-System
Feb 22, 2024 pm 09:50 PM
So konfigurieren Sie eine Arbeitsgruppe in Win11. Eine Arbeitsgruppe ist eine Möglichkeit, mehrere Computer in einem lokalen Netzwerk zu verbinden, wodurch Dateien, Drucker und andere Ressourcen von Computern gemeinsam genutzt werden können. Im Win11-System ist die Konfiguration einer Arbeitsgruppe sehr einfach. Befolgen Sie einfach die folgenden Schritte. Schritt 1: Öffnen Sie die Anwendung „Einstellungen“. Klicken Sie zunächst auf die Schaltfläche „Start“ des Win11-Systems und wählen Sie dann die Anwendung „Einstellungen“ im Popup-Menü aus. Sie können auch die Tastenkombination „Win+I“ verwenden, um „Einstellungen“ zu öffnen. Schritt 2: Wählen Sie „System“. In der App „Einstellungen“ sehen Sie mehrere Optionen. Klicken Sie bitte auf die Option „System“, um die Seite mit den Systemeinstellungen aufzurufen. Schritt 3: Wählen Sie „Info“. Auf der Einstellungsseite „System“ sehen Sie mehrere Unteroptionen. bitte klicken
So konfigurieren und installieren Sie FTPS im Linux-System
Mar 20, 2024 pm 02:03 PM
Titel: So konfigurieren und installieren Sie FTPS im Linux-System. Im Linux-System ist FTPS ein sicheres Dateiübertragungsprotokoll. Im Vergleich zu FTP verschlüsselt FTPS die übertragenen Daten über das TLS/SSL-Protokoll, was die Datensicherheit verbessert Übertragung. In diesem Artikel stellen wir die Konfiguration und Installation von FTPS in einem Linux-System vor und stellen spezifische Codebeispiele bereit. Schritt 1: vsftpd installieren Öffnen Sie das Terminal und geben Sie den folgenden Befehl ein, um vsftpd zu installieren: sudo
Verbesserter Erkennungsalgorithmus: zur Zielerkennung in hochauflösenden optischen Fernerkundungsbildern
Jun 06, 2024 pm 12:33 PM
01Ausblicksübersicht Derzeit ist es schwierig, ein angemessenes Gleichgewicht zwischen Detektionseffizienz und Detektionsergebnissen zu erreichen. Wir haben einen verbesserten YOLOv5-Algorithmus zur Zielerkennung in hochauflösenden optischen Fernerkundungsbildern entwickelt, der mehrschichtige Merkmalspyramiden, Multierkennungskopfstrategien und hybride Aufmerksamkeitsmodule verwendet, um die Wirkung des Zielerkennungsnetzwerks in optischen Fernerkundungsbildern zu verbessern. Laut SIMD-Datensatz ist der mAP des neuen Algorithmus 2,2 % besser als YOLOv5 und 8,48 % besser als YOLOX, wodurch ein besseres Gleichgewicht zwischen Erkennungsergebnissen und Geschwindigkeit erreicht wird. 02 Hintergrund und Motivation Mit der rasanten Entwicklung der Fernerkundungstechnologie wurden hochauflösende optische Fernerkundungsbilder verwendet, um viele Objekte auf der Erdoberfläche zu beschreiben, darunter Flugzeuge, Autos, Gebäude usw. Objekterkennung bei der Interpretation von Fernerkundungsbildern
Interpretation und Best Practices der MyBatis Generator-Konfigurationsparameter
Feb 23, 2024 am 09:51 AM
MyBatisGenerator ist ein offiziell von MyBatis bereitgestelltes Codegenerierungstool, mit dem Entwickler schnell JavaBeans, Mapper-Schnittstellen und XML-Zuordnungsdateien generieren können, die der Datenbanktabellenstruktur entsprechen. Bei der Verwendung von MyBatisGenerator zur Codegenerierung ist die Einstellung der Konfigurationsparameter von entscheidender Bedeutung. Dieser Artikel beginnt aus der Perspektive der Konfigurationsparameter und untersucht eingehend die Funktionen von MyBatisGenerator.
