html 或者HTML5 加上js能獲取手機(jī)設(shè)備的id號(hào)嗎

可以！

創(chuàng)新互聯(lián)公司自2013年起，先為井陘礦等服務(wù)建站，井陘礦等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為井陘礦企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

1、使用mobile-detect.js

2、html

!DOCTYPE html

html

head

meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /

meta name="viewport"

content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"

titleJS獲取手機(jī)型號(hào)和系統(tǒng)/title

/head

body

/body

script ?src="jquery.js"/script

script ?src="mobile-adapt.js"/script

script

//判斷數(shù)組中是否包含某字符串

Array.prototype.contains = function(needle) {

for (i in this) {

if (this[i].indexOf(needle) 0)

return i;

}

return -1;

}

var device_type = navigator.userAgent;//獲取userAgent信息

document.write(device_type);//打印到頁(yè)面

var md = new MobileDetect(device_type);//初始化mobile-detect

var os = md.os();//獲取系統(tǒng)

var model = "";

if (os == "iOS") {//ios系統(tǒng)的處理

os = md.os() + md.version("iPhone");

model = md.mobile();

} else if (os == "AndroidOS") {//Android系統(tǒng)的處理

os = md.os() + md.version("Android");

var sss = device_type.split(";");

var i = sss.contains("Build/");

if (i -1) {

model = sss[i].substring(0, sss[i].indexOf("Build/"));

}

//判斷是否是oppo R9s

if(model=" OPPO R9s "){

alert('您的手機(jī)是OPPO R9s')

}

if(model ==" MI 6 "){

alert('您的手機(jī)是小米6')

}

}

alert('111'+model+'2222');//打印系統(tǒng)版本和手機(jī)型號(hào)

/script

/html

html5是什么，干什么用的?

HTML5是一種web標(biāo)記語(yǔ)言，用于開(kāi)發(fā)網(wǎng)頁(yè)使用。HTML是web應(yīng)用中一種”超文本標(biāo)記語(yǔ)言（HTML）“的第五次重大修改，我們將這次修改后的HTML標(biāo)準(zhǔn)，稱之為"HTML5"。

html5就是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合，強(qiáng)化了Web網(wǎng)頁(yè)的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫(kù)等 Web 應(yīng)用的功能。所以說(shuō)未來(lái)HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標(biāo)準(zhǔn)。但是HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。

拓展資料：

萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言（HTML）的第五次重大修改。

2014年10月29日，萬(wàn)維網(wǎng)聯(lián)盟宣布，經(jīng)過(guò)接近8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成。

標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后，后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣，為了推動(dòng)Web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展，一些公司聯(lián)合起來(lái)，成立了一個(gè)叫做 Web Hypertext Application Technology Working Group （Web超文本應(yīng)用技術(shù)工作組 -WHATWG） 的組織。

WHATWG 致力于 Web 表單和應(yīng)用程序，而W3C（World Wide Web Consortium，萬(wàn)維網(wǎng)聯(lián)盟） 專注于XHTML2.0。

在 2006 年，雙方?jīng)Q定進(jìn)行合作，來(lái)創(chuàng)建一個(gè)新版本的 HTML。

百度百科_html5

H5獲取手機(jī)設(shè)備信息、app版本信息、ip地址

獲取手機(jī)設(shè)備的相關(guān)信息，如IMEI、IMSI、型號(hào)、廠商等。通過(guò)plus.device獲取設(shè)備信息管理對(duì)象。

獲取當(dāng)前運(yùn)行環(huán)境信息、與其它程序進(jìn)行通訊等。通過(guò)plus.runtime可獲取運(yùn)行環(huán)境管理對(duì)象。

直接上demo

注意：

獲取IP地址和plus.device.getInfo都是異步的，所以在使用的時(shí)候要注意時(shí)機(jī)

效果圖：

Android和IOS獲取imei、imsi、uuid時(shí)須知：

imei: (String 類型 )設(shè)備的國(guó)際移動(dòng)設(shè)備身份碼

如果設(shè)備不支持或無(wú)法獲取（如用戶未授權(quán)）則返回空字符串。 如果設(shè)備存在多個(gè)身份碼，則以“,”字符分割拼接，如“862470039452950,862470039452943”。

平臺(tái)支持

imsi: (Array[ String ] 類型 )設(shè)備的國(guó)際移動(dòng)用戶識(shí)別碼

字符串?dāng)?shù)組類型，獲取設(shè)備上插入SIM的國(guó)際移動(dòng)設(shè)備身份碼。 如果設(shè)備支持多卡模式則返回所有SIM身份碼。 如果設(shè)備不支持或沒(méi)有插入SIM卡則返回空數(shù)組。

平臺(tái)支持

uuid: (String 類型 )設(shè)備標(biāo)識(shí)

設(shè)備的唯一標(biāo)識(shí)號(hào)。

平臺(tái)支持

其他的屬性和方法，參考html5plus官網(wǎng)：

Github

個(gè)人博客

什么是HTML5（三）：性能&集成，設(shè)備訪問(wèn)

性能集成

web workers

Web Worker 是HTML5標(biāo)準(zhǔn)的一部分，這一規(guī)范定義了一套 API，它允許一段JavaScript程序運(yùn)行在主線程之外的另外一個(gè)線程中。

一般情況下，當(dāng)在 HTML 頁(yè)面中執(zhí)行腳本時(shí)，頁(yè)面的狀態(tài)是不可響應(yīng)的，直到腳本已完成。?

web worker 是運(yùn)行在后臺(tái)的 JavaScript，獨(dú)立于其他腳本，不會(huì)影響頁(yè)面的性能。您可以繼續(xù)做任何愿意做的事情：點(diǎn)擊、選取內(nèi)容等等，而此時(shí) web worker 在后臺(tái)運(yùn)行。

History API

window 對(duì)象通過(guò)history對(duì)象提供對(duì)瀏覽器歷史記錄的訪問(wèn)能力。它暴露了一些非常有用的方法和屬性，讓你在歷史記錄中自由前進(jìn)和后退，而在HTML5中，更可以操縱歷史記錄中的數(shù)據(jù)。

概覽

可以通過(guò)back()，forward()和go()方法在用戶的歷史記錄中前進(jìn)與后退。

要在歷史記錄中前進(jìn)和后退，只需要這樣做：

window.history.back(); //后退window.history.forword(); //前進(jìn)12

而利用go（）方法，通過(guò)指定一個(gè)相對(duì)于當(dāng)前頁(yè)面位置的數(shù)值，可以從當(dāng)前會(huì)話的歷史記錄中加載頁(yè)面（當(dāng)前頁(yè)面索引值為0，上一頁(yè)為-1，下一頁(yè)為1）

window.history.go(-1); //后退一頁(yè)，相當(dāng)于back（）window.history.go(1); ?//向前移動(dòng)一頁(yè)（相當(dāng)于調(diào)用forward()）12

你可以查看length屬性值，了解歷史記錄棧中一共有多少頁(yè)：

var numberOfEntries = window.history.length;1

添加和修改歷史記錄條目

HTML5引進(jìn)了history.pushState()方法和history.replaceState()方法，它們?cè)试S你逐條地添加和修改歷史記錄條目。這些方法可以協(xié)同window.onpopstate事件一起工作。

例子：?

假設(shè)?hfoo.html?將執(zhí)行如下JavaScript代碼：

var stateObj = { foo: "bar" };

history.pushState(stateObj, "page 2", "bar.html");12

這將讓瀏覽器的地址欄顯示tml，但不會(huì)加載bar.html頁(yè)面也不會(huì)檢查bar.html是否存在。

假設(shè)現(xiàn)在用戶導(dǎo)航到了com，然后點(diǎn)擊了后退按鈕，此時(shí)，地址欄將會(huì)顯示har.html，并且頁(yè)面會(huì)觸發(fā)popstate事件，該事件中的狀態(tài)對(duì)象（state object）包含stateObj的一個(gè)拷貝。該頁(yè)面看起來(lái)像foo.html，盡管頁(yè)面內(nèi)容可能在popstate事件中被修改。

如果我們?cè)俅吸c(diǎn)擊后退按鈕，URL將變回hoo.html，文檔將觸發(fā)另一個(gè)popstate事件，這次的狀態(tài)對(duì)象為null。回退同樣不會(huì)改變文檔內(nèi)容。

pushState（）方法?

此方法有三個(gè)參數(shù)：

狀態(tài)對(duì)象（state object）：一個(gè)js對(duì)象，與用pushState()方法創(chuàng)建的新歷史記錄條目關(guān)聯(lián)。

標(biāo)題（title）：FireFox瀏覽器目前會(huì)忽略該參數(shù)，雖然以后可能會(huì)用上。考慮到未來(lái)可能會(huì)對(duì)該方法進(jìn)行修改，傳一個(gè)空字符串會(huì)比較安全。或者，你也可以傳入一個(gè)簡(jiǎn)短的標(biāo)題，標(biāo)明將要進(jìn)入的狀態(tài)。

地址（URL）：新的歷史記錄條目的地址。?

瀏覽器不會(huì)在調(diào)用pushState()方法后加載該地址，但之后，可能會(huì)試圖加載，例如用戶重啟瀏覽器。?

新的URL不一定是絕對(duì)路徑；如果是相對(duì)路徑，它將以當(dāng)前URL為基準(zhǔn)；?

傳入的URL與當(dāng)前URL應(yīng)該是同源的，否則，pushState()會(huì)拋出異常。?

該參數(shù)是可選的；不指定的話則為文檔當(dāng)前URL。

replaceState（）方法?

history.replaceState()操作類似于history.pushState()，不同之處在于replaceState()方法會(huì)修改當(dāng)前歷史記錄條目而并非創(chuàng)建新的條目。

popstate事件?

每當(dāng)激活的歷史記錄發(fā)生變化時(shí)，都會(huì)觸發(fā)popstate事件。如果被激活的歷史記錄條目是由pushState所創(chuàng)建，或是被replaceState方法影響到的，popstate事件的狀態(tài)屬性將包含歷史記錄的狀態(tài)對(duì)象的一個(gè)拷貝。

contenteditable屬性

在HTML5中,通過(guò)設(shè)置contenteditable屬性，任何元素都是可編輯的.，可以瞬間把你的網(wǎng)站變成wiki！

!DOCTYPE htmlhtml

body

div contenteditable="true"

This text can be edited by the user. ? ?/div

/body/html12345678

拖放

HTML5 的拖放 API 能夠支持在網(wǎng)站內(nèi)部和網(wǎng)站之間拖放項(xiàng)目。同時(shí)也提供了一個(gè)更簡(jiǎn)單的供擴(kuò)展和基于 Mozilla 的應(yīng)用程序使用的 API。

拖放會(huì)觸發(fā)一系列拖放事件：dragstart、dragenter、dragover、dragleave等。

焦點(diǎn)管理

支持新的 HTML5 activeElement 屬性和 hasFocus 方法。

activeElement

document.activeElement：返回當(dāng)前頁(yè)面中獲得焦點(diǎn)的元素，只讀。

很多情況下,該屬性會(huì)返回一個(gè)input或者textarea元素,于此同時(shí),如果用戶在文本輸入框中選中了一些文本,還可以使用該元素的selectionStart和selectionEnd屬性獲得準(zhǔn)確的選中文本內(nèi)容.

該屬性的值還可能是一個(gè)select元素(下拉菜單)或者type屬性為button,checkbox或radio的input元素.

通常,用戶可以通過(guò)Tab鍵來(lái)在頁(yè)面中可以獲得焦點(diǎn)的那些元素中切換,然后按下空格鍵激活這個(gè)元素

如果沒(méi)有某個(gè)元素獲得焦點(diǎn),則該屬性的值為當(dāng)前頁(yè)面中的body元素.?

截至目前只有firefox3.6支持。

hasFocus（）

document.hasFocus() 方法返回一個(gè) Boolean，表明當(dāng)前文檔或者當(dāng)前文檔內(nèi)的節(jié)點(diǎn)是否獲得了焦點(diǎn)。

設(shè)備訪問(wèn)

使用camera API

可以參考什么是HTML5（二）中相關(guān)部分。

觸摸事件

略

使用地理位置定位

地理位置 API 允許用戶向 Web 應(yīng)用程序提供他們的位置。出于隱私考慮，報(bào)告地理位置前會(huì)先請(qǐng)求用戶許可。

地理位置 API 通過(guò) navigator.geolocation 提供。

獲取當(dāng)前定位

可以調(diào)用 getCurrentPosition() 函數(shù)獲取用戶當(dāng)前定位位置。?

這會(huì)異步地請(qǐng)求獲取用戶位置，并查詢定位硬件來(lái)獲取最新信息。當(dāng)定位被確定后，定義的回調(diào)函數(shù)就會(huì)被執(zhí)行。

navigator.geolocation.getCurrentPosition(function(position) {

do_something(position.coords.latitude, position.coords.longitude);});123

檢測(cè)設(shè)備方向

越來(lái)越多支持web功能的設(shè)備擁有檢測(cè)自身方向的能力了；也就是說(shuō)，這些設(shè)備可以記錄下其受地心引力作用下而在方向上產(chǎn)生變化的數(shù)據(jù)。

有兩種js事件負(fù)責(zé)處理方向信息。

DeviceOrientationEvent：會(huì)在加速度傳感器檢測(cè)到設(shè)備在方向上發(fā)生變化時(shí)觸發(fā)。

DeviceMotionEvent：會(huì)在加速度發(fā)生改變時(shí)觸發(fā)。

HTML5 或者JS可以獲取移動(dòng)設(shè)備信息嗎？或者其他非開(kāi)發(fā)語(yǔ)言的方法

scripttype="text/javascript"!--

function detectOS() {

isWindows = (navigator.userAgent.indexOf("Windows",0) != -1)?1:0;

isMac = (navigator.userAgent.indexOf("mac",0) != -1)?1:0;

isLinux = (navigator.userAgent.indexOf("Linux",0) != -1)?1:0;

isUnix = (navigator.userAgent.indexOf("X11",0) != -1)?1:0;

廣義的html5包含以下內(nèi)容：

html5：（一套語(yǔ)義化的標(biāo)簽，在html4的基礎(chǔ)上增加的一些語(yǔ)義化的標(biāo)簽：如header，footer等讓人一眼就能看明白是做什么的標(biāo)簽）。

css3：（在css2的基礎(chǔ)增加了一些屬性，比如圓角，陰影等等屬性）。

javascript：（同樣是在原來(lái)的基礎(chǔ)上增加了一些新的api，如與html5的canvas標(biāo)簽對(duì)應(yīng)的一套api）。

HTML5是什么？具體是干什么的？

HTML的全稱是超文本標(biāo)記語(yǔ)言，是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。Html是一種用來(lái)描述網(wǎng)頁(yè)的語(yǔ)言。它被稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。

網(wǎng)頁(yè)題目：html5設(shè)備信息,html5獲取設(shè)備信息
文章URL：http://chinadenli.net/article4/dsdsoie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、外貿(mào)建站、服務(wù)器托管、網(wǎng)站策劃、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)