Tag: JavaScript

在非文本字段中通过JavaScript打开iPad的键盘？: 我有一个div，通过一些聪明的JavaScript来充当一个文本框。是的，这气味，但它的供应商代码我不能改变:( 在iPad上，键盘不显示，因为它不是一个文本字段。有没有办法强制通过JavaScript打开键盘，或用告诉Safari“是的，这是一个文本字段，只要相信我！”的东西装饰HTML？

在Cordova ios 4.0.0+中使用Stripe Checkout: 我一直在尝试使用Cordova iOs 4.2.0进行Stripe checkout，并且没有运气。最后的Cordova iOs版本是3.9.2。为了testing我做了一个空的Hello World的cordova应用程序，并添加了条纹代码（在ios 9和10上testing）： <script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key="xxxxxxx" data-amount="999" data-name="Oki Technologies Inc" data-description="Widget" data-locale="auto" data-currency="cad"> 现在它在Cordova ios 3.9.2上完美运行，但是在4.0.0+版本上它只是一个空的iframe，并且有一个黑色的覆盖层。我认为它试图打开像移动网页这样的新选项卡的popup窗口，而不是像它应该在应用程序上执行的popup窗口。我希望有一个useragent或我可以欺骗得到这个工作，因为它在android web / cordova以及web上的完美工作。有没有办法让这个工作？我在这里做了一个testing回购，有人可以克隆testinghttps://github.com/HockeyCommunity/stripe

Cordova 3.0 – 在iOS的外部浏览器中打开链接: 在iOS上使用Cordova 3.0时，如何在设备原生浏览器中打开链接？人们build议使用window.open( url, "_system" )但是这在Cordova 3.0中不起作用。我的尝试 if( navigator.app ) // Android navigator.app.loadUrl( url, {openExternal:true} ) else // iOS and others window.open( url, "_system" ) // opens in the app, not in safari 有谁知道与Cordova 3.0一起使用的解决scheme吗？谢谢

cordova2.9,3.0没有console.log: 随着Cordova 2.9和Cordova CLI的全新下载，我通过CLI创build了Hello World应用程序。我还通过CLI添加了iOS平台。查看index.js文件（在www / js中），有一个javascript对象，其中包含启动onDeviceReady的函数和其中的一个函数，其中包含一个应该输出“ Received Event：deviceready ”的console.log。在iOS 6.1模拟器中从Xcode运行此应用程序后，Xcodedebugging控制台中的console.log没有输出。我查看了cordova.js文件，注意到CLI platform add实用程序添加了3.0（昨天在3.0版本之前运行了这个程序），但是我试着用cordova-2.9.0.js来运行这个程序。无论如何，我还没有能够得到一个console.log在我自己的应用程序或Hello World应用程序显示在Xcode的控制台cordova 2.9或3.我的Xcode控制台设置为所有输出。这是发布错误吗？从我一直在使用的所有googling，似乎Cordova已经支持console.log取决于版本，我不知道现在应该在哪里。谢谢你的帮助。

如何在iOS上的Safari浏览器中滚动时监视滚动位置？: 我目前使用$(window).bind('scroll', foo); 监视$（window）.scrollTop（）并做些东西来创build视差效果。在所有桌面浏览器中，用户滚动的每个像素都会调用foo（），所有内容都很漂亮。在iOS上的Safari中，滚动事件仅在滚动完成后才被触发。我添加了$(window).bind('touchmove', foo); 以确保在iOS中的滑动过程中调用该函数，这让我进一步了一点。当用户释放手指时，页面继续滚动，但事件停止发射。有任何想法吗？

缩小PhoneGap应用程序的代码？: 我目前正在开始构build一个PhoneGap应用程序，我知道已经为浏览器缩小代码的好处。但是，我想知道是否值得缩小我的PhoneGap应用程序的HTML，JavaScript和CSS代码？我会明白，代码运行速度可能更快？如果是这样的话，是否有一个应用程序将为我做这一切？（当我说我这样做，我的意思是在我的机器上的目录，并缩小代码保存.min.js版本？或者它是一个简单的文件文件？）在此先感谢您的帮助

iOS Web App触摸手势: 我search了整个networking，find一个简单的方法添加触摸手势到一个简单的button。基本上我试图find一个简单的方法来获取后退button（通常在iOS设备顶部的任务栏上看到的）按下时，将CSS类从“正常”状态更改为“已按下”状态。虽然我对Javascript很陌生，但我更喜欢使用标准的DOM方法而不是jQuery（或任何其他库）。任何人都有一些完整的代码，并解释JavaScript代码如何读取ontouchstart和ontouchend事件，以及如何使用这些函数来更改CSS类？任何帮助将不胜感激！ TC

使用蓝牙扫描仪/键盘在iOS / Safari上监听HTML / JavaScript中的按键，而无需专注于某个字段: 我有以下设置： iPad与Safari浏览器运行webb应用程序。与iPad连接/配对的蓝牙条形码扫描器。我的web应用程序监听全局按键事件，这使得我可以触发扫描function，而无需用户将文本字段集中到webb应用程序中。使用USB扫描仪在桌面上运行应用程序时，以上工作正常。我的问题是，应用程序不会触发keydown（按下/上升）事件，直到连接蓝牙扫描仪时，文本字段被集中在iPad上。是否有可能实现？前段时间的一个相关问题：如何添加一个Javascript监听器来将input从蓝牙条形码扫描器捕获到iPad？谢谢/ E

WKWebKit JavaScript未连接到视图层次结构时执行: 我想从UIWebView切换到WKWebView 。在我的代码中，网页视图实例是在屏幕外创build的（没有附加到视图层次结构），并加载了URL。加载完成后，网页视图会在单独的UIWindow中呈现给用户（如插页式广告）。一切工作正常与UIWebView ; 但切换到WKWebView ，angular度的JavaScript代码行为意想不到的方式。在做了一些研究之后，我发现当WKWebView实例没有附加到视图层次结构时，javascript定时器（和http加载器）被挂起：如果你启动了一个在分离的WKWebView中运行的javascript定时器 – 它不会直到Web视图被附加。任何人都可以build议一个可能的解决方法（除了附加一个隐藏的Web视图的关键窗口，然后将其移动到另一个窗口）？我已经创build了一个示例项目来演示这个问题（或者更可能是WebKitfunction） https://dl.dropboxusercontent.com/u/148568148/WebKitViewTest.zip testing应用程序加载一个JavaScript的网页调度计时器和加载http请求。您可以使用开关来显示/隐藏Web视图（设置“隐藏”属性），并将其从视图层次结构中附加/分离。如果Web视图被附加（隐藏或可见），并且您点击Load ，那么JavaScript工作正常：您可以看到success或failure警报对话框。如果它被分离 – 定时器只会在附加到视图层次结构时触发（将“Detached”切换到“on”，点击“Load”，等待几秒钟，然后切换回“off”）。您也可以从Safari Web Inspector中检查console.log 。以下是testing网页源代码： <!doctype html> <html ng-app="project"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js"></script> <script src="project.js"></script> </head> <body> <div id="simple" ng-controller="MyController" data-ng-init="callNotify(message);"> </div> </body> </html> 和javascript： angular. module('project', []). controller('MyController', ['$scope','notify', function ($scope, notify) { $scope.callNotify […]

如何解决职位：固定在iOS（iPhone / iPad）上的底部工具栏: 我有一个固定在我的网站每个页面底部的酒吧，使用position：fixed。问题是在像iPhone或iPad这样的设备上这个属性是不被尊重的。我试图使用JavaScript来检测屏幕高度，滚动位置，这在iPad上完美的作品： $( window ).scroll( function ( ) { $( "#bar" ).css( "top", ( $( window ).height() + $( document ).scrollTop() – 90 ) +"px" ); } ); 正如你所看到的我正在使用jQuery。问题是这个代码在iPhone上不太适用，因为窗口的高度不包括位置栏（也包括debugging栏，如果有的话），所以栏首先放在正确的位置，但是当你滚动它时，固定在正确的位置（Mobile Safari的地址栏所使用的像素数量）之上。有没有办法获得这些信息并正确地修复这个工具栏？请记住，这不是一个为iPhone制作的网站，所以我根本不能使用像iScroll这样的技巧。