JSコードでコンピュータ構成検出機能を実装
この記事では主に、コンピュータ構成検出機能を実装するための JS コードを紹介します。必要な友人はそれを参照してください。
次のコードは、コンピュータ構成検出機能を実装するための JS コードを共有します。具体的なコードは次のとおりです。 :
<!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>以上、皆さんの参考になれば幸いです。
関連記事:
Spring MVC フロントエンドとバックエンド間の 5 つの ajax 対話メソッド
ajax+springmvc は C と View 間のデータ交換メソッドを実現
Ajax の post メソッドを直接実装0 を返す 開始番号が正しくない問題の分析
以上がJSコードでコンピュータ構成検出機能を実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7518
15
1378
52
80
11
21
67
PyCharm と PyTorch の完璧な組み合わせ: 詳細なインストールと構成手順
Feb 21, 2024 pm 12:00 PM
PyCharm は強力な統合開発環境 (IDE) であり、PyTorch はディープ ラーニングの分野で人気のあるオープン ソース フレームワークです。機械学習とディープラーニングの分野では、開発に PyCharm と PyTorch を使用すると、開発効率とコード品質が大幅に向上します。この記事では、PyCharm に PyTorch をインストールして構成する方法を詳しく紹介し、読者がこれら 2 つの強力な機能をより効果的に活用できるように、具体的なコード例を添付します。ステップ 1: PyCharm と Python をインストールする
LinuxシステムにおけるGDMの動作原理と設定方法
Mar 01, 2024 pm 06:36 PM
タイトル: Linux システムにおける GDM の動作原理と構成方法 Linux オペレーティング システムでは、GDM (GNOMEDisplayManager) は、グラフィカル ユーザー インターフェイス (GUI) ログインとユーザー セッション管理を制御するために使用される一般的なディスプレイ マネージャーです。この記事では、GDM の動作原理と構成方法を紹介し、具体的なコード例を示します。 1. GDM の動作原理 GDM は GNOME デスクトップ環境のディスプレイ マネージャーであり、X サーバーの起動とログイン インターフェイスの提供を担当します。
Linux Bashrc の機能、構成、使用法を理解する
Mar 20, 2024 pm 03:30 PM
Linux Bashrc について: 機能、構成、および使用法 Linux システムでは、Bashrc (BourneAgainShellruncommands) は非常に重要な構成ファイルであり、システムの起動時に自動的に実行されるさまざまなコマンドと設定が含まれています。 Bashrc ファイルは通常、ユーザーのホーム ディレクトリにある隠しファイルであり、その機能はユーザーの Bashshell 環境をカスタマイズすることです。 1. Bashrc関数の設定環境
MIT の最新傑作: GPT-3.5 を使用して時系列異常検出の問題を解決する
Jun 08, 2024 pm 06:09 PM
今日は、MIT が先週公開した記事を紹介します。GPT-3.5-turbo を使用して時系列異常検出の問題を解決し、時系列異常検出における LLM の有効性を最初に検証しました。プロセス全体に微調整はなく、GPT-3.5-turbo は異常検出に直接使用されます。この記事の核心は、時系列を GPT-3.5-turbo が認識できる入力に変換する方法とその設計方法です。 LLM が異常検出タスクを解決できるようにするためのプロンプトまたはパイプライン。この作品について詳しく紹介していきます。画像用紙タイトル：Large languagemodelscanbeゼロショタノマリデテ
win11システムでワークグループを構成する方法
Feb 22, 2024 pm 09:50 PM
Win11 でワークグループを構成する方法 ワークグループは、ローカル エリア ネットワークで複数のコンピューターを接続する方法であり、ファイル、プリンター、その他のリソースをコンピューター間で共有できるようになります。 Win11 システムでは、ワークグループの構成は非常に簡単で、次の手順に従うだけです。ステップ 1: 「設定」アプリケーションを開く まず、Win11 システムの「スタート」ボタンをクリックし、ポップアップ メニューで「設定」アプリケーションを選択します。ショートカット「Win+I」を使用して「設定」を開くこともできます。ステップ 2: [システム] を選択します 設定アプリには、複数のオプションが表示されます。 「システム」オプションをクリックしてシステム設定ページに入ってください。ステップ 3: [バージョン情報] を選択します。 [システム] 設定ページには、複数のサブオプションが表示されます。クリックしてください
Linux システムで FTPS を構成してインストールする方法
Mar 20, 2024 pm 02:03 PM
タイトル: Linux システムで FTPS を構成およびインストールする方法、具体的なコード例が必要です。Linux システムでは、FTPS は安全なファイル転送プロトコルです。FTP と比較して、FTPS は TLS/SSL プロトコルを通じて送信データを暗号化し、データのセキュリティを向上させます。伝染 ; 感染。この記事では、Linux システムに FTPS を構成およびインストールする方法を紹介し、具体的なコード例を示します。ステップ 1: vsftpd をインストールする ターミナルを開き、次のコマンドを入力して vsftpd をインストールします: sudo
改良された検出アルゴリズム: 高解像度の光学式リモートセンシング画像でのターゲット検出用
Jun 06, 2024 pm 12:33 PM
01 今後の概要 現時点では、検出効率と検出結果の適切なバランスを実現することが困難です。我々は、光学リモートセンシング画像におけるターゲット検出ネットワークの効果を向上させるために、多層特徴ピラミッド、マルチ検出ヘッド戦略、およびハイブリッドアテンションモジュールを使用して、高解像度光学リモートセンシング画像におけるターゲット検出のための強化されたYOLOv5アルゴリズムを開発しました。 SIMD データセットによると、新しいアルゴリズムの mAP は YOLOv5 より 2.2%、YOLOX より 8.48% 優れており、検出結果と速度のバランスがより優れています。 02 背景と動機 リモート センシング技術の急速な発展に伴い、航空機、自動車、建物など、地表上の多くの物体を記述するために高解像度の光学式リモート センシング画像が使用されています。リモートセンシング画像の判読における物体検出
MyBatis Generator 設定パラメータの解釈とベスト プラクティス
Feb 23, 2024 am 09:51 AM
MyBatisGenerator は、MyBatis が公式に提供するコード生成ツールで、開発者がデータベース テーブル構造に準拠した JavaBeans、Mapper インターフェイス、および XML マッピング ファイルを迅速に生成するのに役立ちます。コード生成に MyBatisGenerator を使用するプロセスでは、構成パラメーターの設定が重要です。この記事では、構成パラメータの観点から開始し、MyBatisGenerator の機能を詳しく説明します。
