当前位置:首页 > 代码 > 正文

移动端html代码(移动端html5)

admin 发布:2022-12-19 21:29 104


本篇文章给大家谈谈移动端html代码,以及移动端html5对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

移动端的和网页的前端代码一样都是html和css吗

移动端分为两种东西,一种是手机APP,另一种则是移动端的网页

如果是移动端的网页,使用的前端代码就是和PC端一样的html与CSS以及JavaScript这几大技术实现的,当然移动端的网页和PC端的网页,在布局等功能上面实现起来并不相同,具体知识可以参照书籍《HTML5布局之路》上的讲解。

如果是移动端的APP,则使用的代码和前端代码完全不同,iOS使用的是Object C语言,而安卓上的APP使用的是JAVA语言。

求一段H5移动端禁止复制,长按弹出菜单html代码。

禁止复制

οncοntextmenu='return false'    //禁止右键

οndragstart='return false'    //禁止拖动

onselectstart ='return false'    //禁止选中

οnselect='document.selection.empty()'    //禁止选中

οncοpy='document.selection.empty()'    //禁止复制

onbeforecopy='return false'   // 禁止复制

οnmοuseup='document.selection.empty()'

*{

  moz-user-select: -moz-none;

  -moz-user-select: none;

  -o-user-select:none;

  -khtml-user-select:none;

  -webkit-user-select:none;

  -ms-user-select:none;

  user-select:none;

}

长按事件document.addEventListener("touchstart", function (e) {     console.log('touchstart');     timer = setTimeout(function () {         console.log('LongPress');         e.preventDefault();         LongPress(parentObj);     }, 800); }); document.addEventListener("touchmove", function (e) {     console.log('touchmove');     clearTimeout(timer);     timer = 0; }); document.addEventListener("touchend", function (e) {     console.log('touchend');     clearTimeout(timer);     if (timer != 0) {         alert('这是点击,不是长按');     }     return false; });

如何在安卓手机查看html源代码

1、首先打开手机,找到并点击进入设置,如下图所示。

2、然后在打开的设置页面中,点击进入更多设置,如下图所示。

3、接着在打开的页面中,点击进入关于手机,如下图所示。

4、然后在打开的页面中,点击进入版本信息,如下图所示。

5、最后在打开的页面中,看到Android版本后方的数值即为版本信息,如下图所示就完成了。

html5移动端调用手机摄像头扫描二维码并获取二维码信息代码怎么写?

html5移动端调用手机摄像头扫描二维码并获取二维码信息代码如下:

[html] view plain copy

!DOCTYPE html

htmlhead

titleHTML5 code Reader/title

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

/head

style type="text/css"

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

/style

script src="jquery-1.9.1.js"/script

script

//这段代 主要是获取摄像头的视频流并显示在Video 签中

var canvas=null,context=null,video=null;

window.addEventListener("DOMContentLoaded", function ()

{

try{

canvas = document.getElementById("canvas");

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

video = document.getElementById("video");

var videoObj = { "video": true,audio:false},

flag=true,

MediaErr = function (error)

{

flag=false;

if (error.PERMISSION_DENIED)

{

alert('用户拒绝了浏览器请求媒体的权限', '提示');

} else if (error.NOT_SUPPORTED_ERROR) {

alert('对不起,您的浏览器不支持拍照功能,请使用其他浏览器', '提示');

} else if (error.MANDATORY_UNSATISFIED_ERROR) {

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

} else {

alert('系统未能获取到摄像头,请确保摄像头已正确安装。或尝试刷新页面,重试', '提示');

}

};

//获取媒体的兼容代码,目前只支持(Firefox,Chrome,Opera)

if (navigator.getUserMedia)

{

//qq浏览器不支持

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

alert('对不起,您的浏览器不支持拍照功能,请使用其他浏览器', '提示');

return false;

}

navigator.getUserMedia(videoObj, function (stream) {

video.src = stream;

video.play();

}, MediaErr);

}

else if(navigator.webkitGetUserMedia)

{

navigator.webkitGetUserMedia(videoObj, function (stream)

{

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

video.play();

}, MediaErr);

}

else if (navigator.mozGetUserMedia)

{

navigator.mozGetUserMedia(videoObj, function (stream) {

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

video.play();

}, MediaErr);

}

else if (navigator.msGetUserMedia)

{

navigator.msGetUserMedia(videoObj, function (stream) {

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

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

video.play();

}, MediaErr);

}else{

alert('对不起,您的浏览器不支持拍照功能,请使用其他浏览器');

return false;

}

if(flag){

alert('为了获得更准确的测试结果,请尽量将二维码置于框中,然后进行拍摄、扫描。 请确保浏览器有权限使用摄像功能');

}

//这个是拍照按钮的事件,

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

}catch(e){

printHtml("浏览器不支持HTML5 CANVAS");

}

}, false);

//打印内容到页面

function printHtml(content){

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

}

//开始拍照

function startPat(){

setTimeout(function(){//防止调用过快

if(context)

{

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

CatchCode();

}

},200);

}

//抓屏获取图像流,并上传到服务器

function CatchCode() {

if(canvas!=null)

{

//以下开始编 数据

var imgData = canvas.toDataURL();

//将图像转换为base64数据

var base64Data = 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

div id="support"/div

div id="contentHolder"

video id="video" width="320" height="320" autoplay

/video

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

/canvas br/

button id="snap" style="display:none; height:50px; width:120px;"开始扫描/button

/div

/body/html

移动端html代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于移动端html5、移动端html代码的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/25112.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载