Comment utiliser JS pour détecter la configuration de l'ordinateur
Cette fois, je vais vous montrer comment utiliser JS pour détecter la configuration de l'ordinateur, et quelles sont les précautions pour utiliser JS pour détecter la configuration de l'ordinateur. Voici un cas pratique, jetons un oeil.
<!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>Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Description du cas d'utilisation de la méthode filter() dans jquery
Explication détaillée du cas d'utilisation calculé dans Vue.js
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment convertir XML en PDF sur votre téléphone?
Apr 02, 2025 pm 10:18 PM
Il n'est pas facile de convertir XML en PDF directement sur votre téléphone, mais il peut être réalisé à l'aide des services cloud. Il est recommandé d'utiliser une application mobile légère pour télécharger des fichiers XML et recevoir des PDF générés, et de les convertir avec des API Cloud. Les API Cloud utilisent des services informatiques sans serveur et le choix de la bonne plate-forme est crucial. La complexité, la gestion des erreurs, la sécurité et les stratégies d'optimisation doivent être prises en compte lors de la gestion de l'analyse XML et de la génération de PDF. L'ensemble du processus nécessite que l'application frontale et l'API back-end fonctionnent ensemble, et il nécessite une certaine compréhension d'une variété de technologies.
Comment passer du plug-in Word au navigateur pour l'autorisation de connexion?
Apr 01, 2025 pm 08:27 PM
Comment réaliser l'autorisation de connexion à partir de la demande à l'extérieur de l'application? Dans certaines applications, nous rencontrons souvent la nécessité de passer d'une application à une autre ...
Quelle est la raison pour laquelle PS continue de montrer le chargement?
Apr 06, 2025 pm 06:39 PM
Les problèmes de «chargement» PS sont causés par des problèmes d'accès aux ressources ou de traitement: la vitesse de lecture du disque dur est lente ou mauvaise: utilisez Crystaldiskinfo pour vérifier la santé du disque dur et remplacer le disque dur problématique. Mémoire insuffisante: améliorez la mémoire pour répondre aux besoins de PS pour les images à haute résolution et le traitement complexe de couche. Les pilotes de la carte graphique sont obsolètes ou corrompues: mettez à jour les pilotes pour optimiser la communication entre le PS et la carte graphique. Les chemins de fichier sont trop longs ou les noms de fichiers ont des caractères spéciaux: utilisez des chemins courts et évitez les caractères spéciaux. Problème du PS: réinstaller ou réparer le programme d'installation PS.
Formatage en ligne XML
Apr 02, 2025 pm 10:06 PM
Les outils de format en ligne XML organisent automatiquement le code XML désordonné en formats faciles à lire et à maintenir. En analysant l'arbre de syntaxe de XML et en appliquant des règles de formatage, ces outils optimisent la structure du code, améliorant sa maintenabilité et son efficacité de travail d'équipe.
La production de pages H5 nécessite-t-elle une maintenance continue?
Apr 05, 2025 pm 11:27 PM
La page H5 doit être maintenue en continu, en raison de facteurs tels que les vulnérabilités du code, la compatibilité des navigateurs, l'optimisation des performances, les mises à jour de sécurité et les améliorations de l'expérience utilisateur. Des méthodes de maintenance efficaces comprennent l'établissement d'un système de test complet, à l'aide d'outils de contrôle de version, de surveiller régulièrement les performances de la page, de collecter les commentaires des utilisateurs et de formuler des plans de maintenance.
Comment convertir XML en PDF sur Android Phone?
Apr 02, 2025 pm 09:51 PM
La conversion de XML en PDF directement sur les téléphones Android ne peut pas être réalisée via les fonctionnalités intégrées. Vous devez enregistrer le pays via les étapes suivantes: Convertir les données XML en formats reconnus par le générateur PDF (tels que le texte ou le HTML); Convertissez HTML en PDF à l'aide de bibliothèques de génération HTML telles que Flying Saucer.
Comment accélérer la vitesse de chargement de PS?
Apr 06, 2025 pm 06:27 PM
La résolution du problème du démarrage lent Photoshop nécessite une approche à plusieurs volets, notamment: la mise à niveau du matériel (mémoire, lecteur à semi-conducteurs, CPU); des plug-ins désinstallés ou incompatibles; nettoyer régulièrement les déchets du système et des programmes de fond excessifs; clôture des programmes non pertinents avec prudence; Éviter d'ouvrir un grand nombre de fichiers pendant le démarrage.
Comment implémenter un saut croisé pour l'autorisation de connexion du plug-in Word?
Apr 01, 2025 pm 11:27 PM
Comment implémenter un saut croisé pour l'autorisation de connexion du plug-in Word? Lorsque nous utilisons certains plugins de mots, nous rencontrons souvent ce scénario: cliquez sur la connexion dans le plugin ...
