html5手機源碼
㈠ 觸屏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移動端調用手機攝像頭掃描二維碼並獲取二維碼信息代碼怎麼寫
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>
㈢ 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源碼
1是用chrome直接訪問瀏覽器。
2是用手機USB鏈接電腦，開啟開發者模式，手機端安裝chrome並開啟開發者模式訪問頁面，PC端chrome安裝插件ADB Plugin，訪問localhost:****，用chrome開發者工具調試。
㈥ 用html5編寫手機記事本的純代碼文檔
單擊Windows桌面上的【開始】-->選擇【所有程序】-->【附件】-->[記事本]，打開一個記事本。
在打開的記事本中輸入HTML代碼，如下圖：
編輯完HTML文件後，選擇【文件】-->【保存】或按Ctrl+S組合鍵，在彈出的【另存為】對話框中選擇【保存類型】為【所有文件】，然後將文件擴展名設為.html或.htm.如下圖：
步驟閱讀
4
單擊【保存】，保存文件。瀏覽器的預覽效果請移步另一篇分享經驗【使用瀏覽器查看HTML5文件】
㈦ Html有沒有源碼可以自動獲取手機相冊
html5 可以
要從Canvas獲取圖片數據，其核心思路是用canvas的toDataURL將Canvas的數據轉換為base64位編碼的PNG圖像
var imgData=canvas.toDataURL(「image/png」);
imgData格式如下：
」data:image/png;base64,xxxxx「
真正圖像數據是base64編碼逗號之後的部分
可以試一下
㈧ html5做手機app和做手機網頁一樣嗎
不一樣，需增加自適應標簽來保持一樣。
代碼如下：
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
解釋：Viewport指用戶網頁的可視區域，content中的「width」指的是虛擬窗口寬度，上面代碼意為虛擬窗口/頁面寬度初始比例為1，最小比例為1，最大比例為1，用戶不可擴展，頁面不可縮放。
(8)html5手機源碼擴展閱讀：
HTML5的事件屬性和異常處理
事件屬性
HTML 5 元素可擁有事件屬性，這些屬性在瀏覽器中觸發行為，比如當用戶單擊一個HTML 5元素時啟動一段 JavaScript。下面列出的事件屬性，可以把它們插入 HTML 標簽來定義事件行為。
HTML 5 中的新事件屬性：
onabort， onbeforeunload， oncontextmenu， ondrag， ondragend， ondragenter， ondragleave， ondragover， ondragstart， ondrop， onerror， onmessage， onmousewheel， onresize， onscroll， onunload。