【问题标题】:Why aren't included scripts working on the Android browser?为什么不包含在 Android 浏览器上运行的脚本?
【发布时间】:2018-02-21 16:18:57
【问题描述】:

我有一个必须打开网络摄像头的网页。在PC浏览器上可以,但是在安卓浏览器上不行。如果我尝试打开控制台调试,我会看到

它不加载 JS 文件(仅在手机上)。

任何想法是什么问题?

		function take_snapshot() {
    			//Scatto
    			Webcam.snap( function(data_uri) {
    				// dove far apparire l'immagine
    				document.getElementById('results').innerHTML = 
    					'<h2>Sorpreso è:</h2>' + 
    					'<img src="'+data_uri+'"/>';
    			} );
    		}
        
         	// WebcamJS v1.0.24 - http://github.com/jhuckaby/webcamjs - MIT Licensed
    	
    		Webcam.set({
    			width: 320,
    			height: 240,
    			dest_width: 640,
    			dest_height: 480,
    			image_format: 'jpeg',
    			jpeg_quality: 90
    		});
    		Webcam.attach( '#my_camera' );
	body { font-family: Helvetica, sans-serif; }
    		h2, h3 { margin-top:0; }
    		form { margin-top: 15px; }
    		form > input { margin-right: 15px; }
    		#results { float:right; margin:20px; padding:20px; border:1px solid; background:#ccc; }
  <!doctype html>
    
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    	<title>Test</title>
  
    </head>
    <body>
    	<div id="results">Magicamente apparirà qua</div>
    	
    	<h1>Web-cam Ale culo</h1>
    	
    	<div id="my_camera"></div>
    	
    	<!-- libreria per la webcam-->
    	<script type="text/javascript" src="webcam.min.js"></script>
    	
    	<!-- Settaggi della webcam -->
  
    	
    	<!-- BOTTONE PER CATTURARE -->
    	<form>
    		<input type=button value="Fota qualcosa" onClick="take_snapshot()">
    	</form>

    	
    </body>
    </html>

【问题讨论】:

  • 您所说的“它不加载 JS 文件”是什么意思,您能否发布您在控制台中看到的确切的特定错误?
  • 另外,你是如何在移动浏览器上运行它的?它住在服务器上吗?它是cordova/phonegap 应用程序吗?
  • 当然,错误是:GET file:///C:/Users/Luca/Desktop/webcam%20test/webcam.min.js net::ERR_FILE_NOT_FOUND
  • 不,此时文件夹在我的设备上。将来,这些文件夹将在远程 Windows 服务器上
  • 嗯,你的问题就在那里......你不能引用这样的文件,它必须提供一个 url,而不是本地文件路径。如果要编写脚本,则必须安装 wamp 或 mamp。如果您想在没有服务器的情况下为移动设备编写本地应用程序,您应该查看 cordova。 wamp 和 cordova 都是免费的。

标签: javascript php html include webcam


【解决方案1】:

尝试替换

src="webcam.min.js"

src="./webcam.min.js" 可能路径和电脑不一样

【讨论】:

  • 请格式化您的帖子,不要包含诸如笑脸之类的“绒毛”。
  • 我同意你的观点,问题在于路径,但这不是解决方案。
  • 或者尝试获取一个有用的 CDN,没有路径问题,轻文件夹
  • 我不能,设备不会在互联网上,只能在本地。文件将上传到服务器上。
  • 好的,CDN 是最好的解决方案,尝试创建一个名为“js”(不带引号)的文件夹并将“webcam.min.js”拖入其中,然后输入:
猜你喜欢
  • 2014-09-06
  • 1970-01-01
  • 1970-01-01
  • 2017-11-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多