移动端html代码(移动端html5)
admin 发布:2022-12-19 21:29 104
本篇文章给大家谈谈移动端html代码,以及移动端html5对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、移动端的和网页的前端代码一样都是html和css吗
- 2、求一段H5移动端禁止复制,长按弹出菜单html代码。
- 3、如何在安卓手机查看html源代码
- 4、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站长 原创,转载请注明出处和附带本文链接;
- 上一篇:超市水果的代码是(超市水果编码)
- 下一篇:求购网上商城代码(网上购物代码)
相关推荐
- 03-28html网页布局模板(html网页布局模板代码)
- 03-28html简单网页代码成品(用html制作网站代码)
- 03-28web前端网页设计代码(web前端网页设计代码作业)
- 03-14免费网页模板html(html简单网页成品免费)
- 03-07html制作电影网站(html5电影网站模板)
- 03-07seo页面(seo页面代码优化)
- 03-07网页代码模板(网页代码模板在哪找)
- 03-07制作的html网页发布(html发布到外网)
- 03-06网页搜索引擎(网页搜索引擎代码)
- 03-06网页设计图片(网页设计图片滚动代码怎么弄)
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接