建站
咨詢
售后
建站咨詢
新聞中心
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ù)解決您的所有建站問題。
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);//打印到頁面
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)記語言，用于開發(fā)網(wǎng)頁使用。HTML是web應(yīng)用中一種”超文本標(biāo)記語言（HTML）“的第五次重大修改，我們將這次修改后的HTML標(biāo)準(zhǔn)，稱之為"HTML5"。
html5就是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合，強(qiáng)化了Web網(wǎng)頁的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫(kù)等 Web 應(yīng)用的功能。所以說未來HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標(biāo)準(zhǔn)。但是HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。
拓展資料：
萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。
2014年10月29日，萬維網(wǎng)聯(lián)盟宣布，經(jīng)過接近8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成。
標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(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)合起來，成立了一個(gè)叫做 Web Hypertext Application Technology Working Group （Web超文本應(yīng)用技術(shù)工作組 -WHATWG） 的組織。
WHATWG 致力于 Web 表單和應(yīng)用程序，而W3C（World Wide Web Consortium，萬維網(wǎng)聯(lián)盟） 專注于XHTML2.0。
在 2006 年，雙方?jīng)Q定進(jìn)行合作，來創(chuàng)建一個(gè)新版本的 HTML。
百度百科_html5
H5獲取手機(jī)設(shè)備信息、app版本信息、ip地址
獲取手機(jī)設(shè)備的相關(guān)信息，如IMEI、IMSI、型號(hào)、廠商等。通過plus.device獲取設(shè)備信息管理對(duì)象。
獲取當(dāng)前運(yùn)行環(huán)境信息、與其它程序進(jìn)行通訊等。通過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è)備不支持或無法獲?。ㄈ缬脩粑词跈?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è)備不支持或沒有插入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è)備訪問
性能集成
web workers
Web Worker 是HTML5標(biāo)準(zhǔn)的一部分，這一規(guī)范定義了一套 API，它允許一段JavaScript程序運(yùn)行在主線程之外的另外一個(gè)線程中。
一般情況下，當(dāng)在 HTML 頁面中執(zhí)行腳本時(shí)，頁面的狀態(tài)是不可響應(yīng)的，直到腳本已完成。?
web worker 是運(yùn)行在后臺(tái)的 JavaScript，獨(dú)立于其他腳本，不會(huì)影響頁面的性能。您可以繼續(xù)做任何愿意做的事情：點(diǎn)擊、選取內(nèi)容等等，而此時(shí) web worker 在后臺(tái)運(yùn)行。
History API
window 對(duì)象通過history對(duì)象提供對(duì)瀏覽器歷史記錄的訪問能力。它暴露了一些非常有用的方法和屬性，讓你在歷史記錄中自由前進(jìn)和后退，而在HTML5中，更可以操縱歷史記錄中的數(shù)據(jù)。
概覽
可以通過back()，forward()和go()方法在用戶的歷史記錄中前進(jìn)與后退。
要在歷史記錄中前進(jìn)和后退，只需要這樣做：
window.history.back(); //后退window.history.forword(); //前進(jìn)12
而利用go（）方法，通過指定一個(gè)相對(duì)于當(dāng)前頁面位置的數(shù)值，可以從當(dāng)前會(huì)話的歷史記錄中加載頁面（當(dāng)前頁面索引值為0，上一頁為-1，下一頁為1）
window.history.go(-1); //后退一頁，相當(dāng)于back（）window.history.go(1); ?//向前移動(dòng)一頁（相當(dāng)于調(diào)用forward()）12
你可以查看length屬性值，了解歷史記錄棧中一共有多少頁：
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頁面也不會(huì)檢查bar.html是否存在。
假設(shè)現(xiàn)在用戶導(dǎo)航到了com，然后點(diǎn)擊了后退按鈕，此時(shí)，地址欄將會(huì)顯示har.html，并且頁面會(huì)觸發(fā)popstate事件，該事件中的狀態(tài)對(duì)象（state object）包含stateObj的一個(gè)拷貝。該頁面看起來像foo.html，盡管頁面內(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ì)用上。考慮到未來可能會(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中,通過設(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)前頁面中獲得焦點(diǎn)的元素，只讀。
很多情況下,該屬性會(huì)返回一個(gè)input或者textarea元素,于此同時(shí),如果用戶在文本輸入框中選中了一些文本,還可以使用該元素的selectionStart和selectionEnd屬性獲得準(zhǔn)確的選中文本內(nèi)容.
該屬性的值還可能是一個(gè)select元素(下拉菜單)或者type屬性為button,checkbox或radio的input元素.
通常,用戶可以通過Tab鍵來在頁面中可以獲得焦點(diǎn)的那些元素中切換,然后按下空格鍵激活這個(gè)元素
如果沒有某個(gè)元素獲得焦點(diǎn),則該屬性的值為當(dāng)前頁面中的body元素.?
截至目前只有firefox3.6支持。
hasFocus（）
document.hasFocus() 方法返回一個(gè) Boolean，表明當(dāng)前文檔或者當(dāng)前文檔內(nèi)的節(jié)點(diǎn)是否獲得了焦點(diǎn)。
設(shè)備訪問
使用camera API
可以參考什么是HTML5（二）中相關(guān)部分。
觸摸事件
略
使用地理位置定位
地理位置 API 允許用戶向 Web 應(yīng)用程序提供他們的位置。出于隱私考慮，報(bào)告地理位置前會(huì)先請(qǐng)求用戶許可。
地理位置 API 通過 navigator.geolocation 提供。
獲取當(dāng)前定位
可以調(diào)用 getCurrentPosition() 函數(shù)獲取用戶當(dāng)前定位位置。?
這會(huì)異步地請(qǐng)求獲取用戶位置，并查詢定位硬件來獲取最新信息。當(dāng)定位被確定后，定義的回調(diào)函數(shù)就會(huì)被執(zhí)行。
navigator.geolocation.getCurrentPosition(function(position) {
do_something(position.coords.latitude, position.coords.longitude);});123
檢測(cè)設(shè)備方向
越來越多支持web功能的設(shè)備擁有檢測(cè)自身方向的能力了；也就是說，這些設(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è)備信息嗎？或者其他非開發(fā)語言的方法
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：（一套語義化的標(biāo)簽，在html4的基礎(chǔ)上增加的一些語義化的標(biāo)簽：如header，footer等讓人一眼就能看明白是做什么的標(biāo)簽）。
css3：（在css2的基礎(chǔ)增加了一些屬性，比如圓角，陰影等等屬性）。
javascript：（同樣是在原來的基礎(chǔ)上增加了一些新的api，如與html5的canvas標(biāo)簽對(duì)應(yīng)的一套api）。
HTML5是什么？具體是干什么的？
HTML的全稱是超文本標(biāo)記語言，是一種標(biāo)記語言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動(dòng)畫、聲音、表格、鏈接等。Html是一種用來描述網(wǎng)頁的語言。它被稱為超文本標(biāo)記語言，它是一種標(biāo)記語言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。
分享文章：html5設(shè)備信息,html5獲取設(shè)備信息
網(wǎng)頁地址：http://fisionsoft.com.cn/article/dsdsoie.html
