H5实现扫一扫（二）

最新推荐文章于 2024-08-10 10:10:58 发布

Porcelain_cs

最新推荐文章于 2024-08-10 10:10:58 发布

阅读量1.5w

点赞数 3

分类专栏： Java_Web 文章标签：扫一扫 H5调起浏览器摄像头

本文链接：https://blog.csdn.net/Porcelain_cs/article/details/72811033

版权

这篇博客是H5实现扫一扫系列的第二部分，主要介绍了一种解决iOS系统兼容问题的方法，提供了一段核心代码，能较好地适应不同手机和浏览器的摄像头调用，适合开发者进一步完善成自己的扫一扫功能。

摘要由CSDN通过智能技术生成

H5实现扫一扫（二）

在我的上一篇博客中点击打开链接，提到ios系统不兼容问题，博主又找到了另一种调起摄像头的方法，对于手机类型、浏览器种类调起摄像头功能适应性比较好。

主要代码如下：（复制即可调起摄像头）

<!DOCTYPE html>  
<html><head>  
    <title>HTML5 code Reader</title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
</head>  
<style type="text/css">  
 html, body { height: 100%; width: 100%; text-align:center; }  
/* input[node-type=jsbridge]{ 
visibility: hidden; 
}  */
</style>  
<script src="js/jquery.min.js"></script> 
<script src="js/qrcode.min.js"></script> 
<script src="js