Articles of JavaScript

Android手机上的HTML5canvas – 重绘和突出显示问题

我有一个重画问题,当你滚animation布时,不会重绘,直到你释放你的触摸。 问题在于我依靠“ontouchmove”来移动我的angular色。 所以,直到触摸释放,canvas将不会重绘。 另一个问题是,当canvas被触摸时,它是焦点,或激活。 它围绕它开发了一个焦点环。 我尝试设置:焦点和:活动伪的边界和轮廓什么也没有。 另外,我在canvas上下文中看到了“drawFocusRing”,但是这似乎并没有解决问题。 目前我在Android股票浏览器2.2(MyTouch 3G)

如何在Android中自动滚动到input字段,当软键盘显示时与它们重叠?

我正在开发使用Worklight的混合应用程序,并且遇到以下问题: 当用户点击一个input字段时,popup的软键盘隐藏input字段,当input字段在屏幕上较低时。 该页面是可滚动的,所以用户可以滚动并再次看到该字段,但客户要求定义了页面将自动滚动,直到该字段可见。 请注意,这只发生在Android环境中。 在iPhone和iPad环境中,默认行为就是所需的行为。 根据我的发现,这个技巧应该通过Android清单文件中的android:windowSoftInputMode属性完成。 但是,我所有的努力都没有实现自动滚动。 如果有一个特定于Worklight的解决scheme,我宁愿使用它,而不是介入Android本机代码。

PDF.js查看器捏缩放

我正在使用PDF.js在我正在处理的Web应用程序上呈现文档。 不过,我需要启用缩放放大移动设备,这看起来不像图书馆本身允许本地缩放。 是否有一个库,我可以使用代码来模拟(至less)捏和放大与查看者下拉缩放select相同的比例?

如何检测Google Chrome浏览器是否模拟移动设备?

有没有办法区分真正的移动设备和谷歌浏览器模拟的设备? 请注意,Google Chrome可以模拟Useragent,触摸屏,屏幕分辨率和加速度计。 我需要知道一些无法模拟的function,但可以通过javascript来检测。

我可以阻止手机在网页上进入睡眠状态吗?

在应用程序中,我可以使用http://developer.android.com/reference/android/os/PowerManager.WakeLock.html,但有没有办法保持网页运行,并防止进入睡眠? 这将是很好,如果它至less在Android上运行。

Android浏览器快速连续两次点击事件

我正在尝试使用JavaScript和jQuery来捕捉触摸事件。 但在Android 2.3.2的Web浏览器中,我看到了一些非常奇怪的行为:每当我点击屏幕,然后快速点击屏幕上的其他地方,浏览器: 瞬间显示一个橙色边框,并在整个屏幕上突出显示 发给我错误的事件 橙色的边界似乎只是一个相同的基本问题的相关症状,所以我并不太担心 – 它能够告诉浏览器何时搞砸事实上是方便的。 我真正想知道的是, 我怎样才能始终如一地获得正确的碰触事件? 我相信当这个问题解决了之后,橙色边界也会消失。 以下是我迄今为止所做的所有痛苦的细节。 以下是显示问题的页面,并显示大量关于收到的每个事件的详细信息和时间的诊断信息。 如果你在蓝色的矩形里面点击,你一定会得到橙色闪光/坏的事件,然后在黑色的矩形内快速点击。 我的jQuery代码是非常标准的。 logfunction的实现并不重要, 问题是浏览器不应该在应该的时候调用它。 el = $('#battle'); el.on('touchstart', function(event) { log(event); return event.preventDefault(); }); el.on('touchend', function(event) { return log(event); }); el.on('touchcancel', function(event) { return log(event); }); el.mousedown(function(event) { log(event); return event.preventDefault(); }); return el.mouseup(function(event) { return log(event); }); 关于我最初描述的现象的更多细节: 橙色边框和高亮显示:这是相同的橙色边框,并突出显示浏览器在您单击时绘制超链接。 但是,页面上没有超链接,浏览器在整个屏幕上(或者更具体地说,围绕外部的<div id="battle">绘制了这个橙色边框,我通过jQuery来挂钩事件。 […]

Android的PhoneGap Camera API – 未捕获的exception

我试图在Android中使用手机间隙来运行Camera API,而且我正在运行各种问题。 我刚刚复制phonegap相机的例子。 我收到以下错误 07-12 18:18:00.706: E/Web Console(17837): Uncaught TypeError: Cannot read property 'SAVEDPHOTOALBUM' of undefined at file:///android_asset/www/index.html:98 07-12 18:17:59.456: E/Web Console(17837): Uncaught ReferenceError: Camera is not defined at file:///android_asset/www/index.html:67 我尝试了所有其他目标types。 它力气工作 destinationType: destinationType.FILE_URI destinationType: Camera.DestinationType.FILE_URI destinationType: destinationType.DATA_URL 另外我添加了相机和硬件相机权限的权限。 但还是失败了 以下是 <!DOCTYPE html> <html> <head> <title>Capture Photo</title> <script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script> <script type="text/javascript" charset="utf-8"> var […]

如何从Android上的JavaScript(phonegap)访问短信收件箱

我刚刚发现了PhoneGap,并想知道是否有一种方法可以从Javascript访问SMS收件箱。 或者,如果在通过HTML / CSS / JS解决scheme创build的应用程序中还有其他简单的方法来完成此操作。 phonegap文档中没有关于SMS访问的信息,但是也许收件箱可以作为url或文件夹? 我想坚持phonegap,以便该应用程序可以在许多设备上工作,但只有android的解决scheme也是令人满意的。

完全closuresPhoneGap的Android应用程序

如何完全closuresPhoneGap Android应用程序? 我已经尝试使用device.exitApp()以及navigator.app.exitApp(),并具有相同的问题。 问题是我有一个html文件,index.html,链接到一个外部html文件,main.html。 现在,如果我点击closuresbutton而不去外部文件,应用程序closures就好了。 如果我去外部文件,然后回到索引然后点击closures,它closures索引,但提出了主要。 无论我是否转到外部页面,如何完全closures应用程序? 的index.html <html> <head> <script type="text/javascript" src="Scripts/phonegap-1.0.0.js"></script> </head> <body> <a href="index.html">Index</a> </body> </html> main.html中 <html> <head> <script type="text/javascript" src="Scripts/phonegap-1.0.0.js"></script> </head> <body> <a href="index.html">Index</a> </body> </html> Android清单 <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".TestActivity" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> </activity> </application>

Android WebView在加载html之前注入Javascript

我正在使用Android WebView加载一些网页。 我需要在加载之前在所有页面中插入一段Javascript代码。 我正试图注入WebViewClient onPageStartcallback。 mWebView.getSettings().setJavaScriptEnabled(true); mWebView.setWebViewClient(new WebViewClient(){ @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { loadUrl("javascript:var output='test string';"); } }) mWebView.loadUrl("xxx.html"); HTML代码: <html> <script>document.write(output);</script> </html> 我希望在HTML之前加载我的Js代码。 但有时JS代码加载在HTML之后。 有什么办法可以解决我的问题?