當前位置:首頁 » 操作系統 » html5源碼手機

html5源碼手機

發布時間: 2022-06-03 08:32:24

Ⅰ 哪位能提供手機瀏覽器html5的網頁GPS位置共享的源代碼

不知道你是做開發還是想直接使用分享位置的功能.

做開發的話, h5需要伺服器使用ssl的加密鏈接,才能使用精準定位,否則定位是根據ip返回的,只精確到城市.

<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"<br />Longitude: " + position.coords.longitude;
}
</script>

手機上使用地圖功能,打開網路地圖或者其它地圖的官網,都可以直接使用,只不過功能沒有app的強大

Ⅱ 用html5編寫手機記事本的純代碼文檔

單擊Windows桌面上的【開始】-->選擇【所有程序】-->【附件】-->[記事本],打開一個記事本。

在打開的記事本中輸入HTML代碼,如下圖:

編輯完HTML文件後,選擇【文件】-->【保存】或按Ctrl+S組合鍵,在彈出的【另存為】對話框中選擇【保存類型】為【所有文件】,然後將文件擴展名設為.html或.htm.如下圖:
步驟閱讀
4
單擊【保存】,保存文件。瀏覽器的預覽效果請移步另一篇分享經驗【使用瀏覽器查看HTML5文件】

Ⅲ 如何獲取HTML5源碼

1是用chrome直接訪問瀏覽器。
2是用手機USB鏈接電腦,開啟開發者模式,手機端安裝chrome並開啟開發者模式訪問頁面,PC端chrome安裝插件ADB Plugin,訪問localhost:****,用chrome開發者工具調試。

Ⅳ Html有沒有源碼可以自動獲取手機相冊

html5 可以
要從Canvas獲取圖片數據,其核心思路是用canvas的toDataURL將Canvas的數據轉換為base64位編碼的PNG圖像
var imgData=canvas.toDataURL(「image/png」);
imgData格式如下:
」data:image/png;base64,xxxxx「
真正圖像數據是base64編碼逗號之後的部分
可以試一下

Ⅳ html5移動端調用手機攝像頭掃描二維碼並獲取二維碼信息代碼怎麼寫

html5移動端調用手機攝像頭掃描二維碼並獲取二維碼信息代碼如下:

[html]view plain

<!DOCTYPEhtml>

<html><head>

<title>HTML5codeReader</title>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">

</head>

<styletype="text/css">

html,body{height:100%;width:100%;text-align:center;}

</style>

<scriptsrc="jquery-1.9.1.js"></script>

<script>

//這段代主要是獲取攝像頭的視頻流並顯示在Video簽中

varcanvas=null,context=null,video=null;

window.addEventListener("DOMContentLoaded",function()

{

try{

canvas=document.getElementById("canvas");

context=canvas.getContext("2d");

video=document.getElementById("video");

varvideoObj={"video":true,audio:false},

flag=true,

MediaErr=function(error)

{

flag=false;

if(error.PERMISSION_DENIED)

{

alert('用戶拒絕了瀏覽器請求媒體的許可權','提示');

}elseif(error.NOT_SUPPORTED_ERROR){

alert('對不起,您的瀏覽器不支持拍照功能,請使用其他瀏覽器','提示');

}elseif(error.MANDATORY_UNSATISFIED_ERROR){

alert('指定的媒體類型未接收到媒體流','提示');

}else{

alert('系統未能獲取到攝像頭,請確保攝像頭已正確安裝。或嘗試刷新頁面,重試','提示');

}

};

//獲取媒體的兼容代碼,目前只支持(Firefox,Chrome,Opera)

if(navigator.getUserMedia)

{

//qq瀏覽器不支持

if(navigator.userAgent.indexOf('MQQBrowser')>-1){

alert('對不起,您的瀏覽器不支持拍照功能,請使用其他瀏覽器','提示');

returnfalse;

}

navigator.getUserMedia(videoObj,function(stream){

video.src=stream;

video.play();

},MediaErr);

}

elseif(navigator.webkitGetUserMedia)

{

navigator.webkitGetUserMedia(videoObj,function(stream)

{

video.src=window.webkitURL.createObjectURL(stream);

video.play();

},MediaErr);

}

elseif(navigator.mozGetUserMedia)

{

navigator.mozGetUserMedia(videoObj,function(stream){

video.src=window.URL.createObjectURL(stream);

video.play();

},MediaErr);

}

elseif(navigator.msGetUserMedia)

{

navigator.msGetUserMedia(videoObj,function(stream){

$(document).scrollTop($(window).height());

video.src=window.URL.createObjectURL(stream);

video.play();

},MediaErr);

}else{

alert('對不起,您的瀏覽器不支持拍照功能,請使用其他瀏覽器');

returnfalse;

}

if(flag){

alert('為了獲得更准確的測試結果,請盡量將二維碼置於框中,然後進行拍攝、掃描。請確保瀏覽器有許可權使用攝像功能');

}

//這個是拍照按鈕的事件,

$("#snap").click(function(){startPat();}).show();

}catch(e){

printHtml("瀏覽器不支持HTML5CANVAS");

}

},false);

//列印內容到頁面

functionprintHtml(content){

$(window.document.body).append(content+"<br/>");

}

//開始拍照

functionstartPat(){

setTimeout(function(){//防止調用過快

if(context)

{

context.drawImage(video,0,0,320,320);

CatchCode();

}

},200);

}

//抓屏獲取圖像流,並上傳到伺服器

functionCatchCode(){

if(canvas!=null)

{

//以下開始編數據

varimgData=canvas.toDataURL();

//將圖像轉換為base64數據

varbase64Data=imgData;//.substr(22);//在前端截取22位之後的字元串作為圖像數據

//開始非同步上

$.post("saveimg.php",{"img":base64Data},function(result)

{

printHtml("解析結果:"+result.data);

if(result.status=="success"&&result.data!="")

{

printHtml("解析結果成功!");

}else{

startPat();//如果沒有解析出來則重新抓拍解析

}

},"json");

}

}

</script>

<body>

<divid="support"></div>

<divid="contentHolder">

<videoid="video"width="320"height="320"autoplay>

</video>

<canvasstyle="display:none;background-color:#F00;"id="canvas"width="320"height="320">

</canvas><br/>

<buttonid="snap"style="display:none;height:50px;width:120px;">開始掃描</button>

</div>

</body></html>

Ⅵ 觸屏uehtml手機版html5手機網站源碼後台怎麼進

1、手機網站一般又稱作WAP網站 , 而傳統網站又稱作Web網站,WAP網站可分為WAP1.X和WAP2.0網站。WAP1.X功能簡單、界面粗糙,而WAP2.0的手機網站功能和界面都與Web網站相接近。WAP2.0的手機網站可以在電腦上直接用瀏覽器訪問,而WAP1.X的網站,需要模擬器或者給瀏覽器安裝相應的插件方可。

2、3G網站是手機網站領域為迎合3G的推廣而創造的概念,3G網站就是手機WAP網站。3G網站採用wap2.0編寫,支持一些xhtml和CSS。

3、html5觸屏版主要針對高端智能手機,可以給用戶呈現華麗的網頁視覺效果。HTML5觸屏版採用最新的技術HTML5編寫,屬於智能機時代產物,因為智能手機的性能已經很強大了,可以直接載入html。

Ⅶ 誰有html5的手機網址導航源碼發到我郵箱,急用 [email protected]

上官網或者打客服

熱點內容
linux防火牆開啟 發布:2024-10-30 13:23:17 瀏覽:479
oracle中如何顯示編譯錯誤 發布:2024-10-30 13:08:48 瀏覽:926
北京java培訓要多少錢 發布:2024-10-30 13:08:47 瀏覽:937
提高緩存命中率 發布:2024-10-30 13:07:12 瀏覽:823
c語言計數器程序 發布:2024-10-30 13:07:10 瀏覽:879
android卸載自己 發布:2024-10-30 13:04:37 瀏覽:831
iosphp伺服器 發布:2024-10-30 13:04:33 瀏覽:485
linuxwindowsserver 發布:2024-10-30 13:04:32 瀏覽:800
按鍵精靈手機腳本優化 發布:2024-10-30 13:03:47 瀏覽:782
手機帳號密碼起什麼作用 發布:2024-10-30 12:59:31 瀏覽:106