html5源碼手機
Ⅰ 哪位能提供手機瀏覽器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]
上官網或者打客服